退料附件拍照

src/pages/back/backCode.vue

@@ -493,72 +493,103 @@ const submitCode = () => {
 
 //上传
 const uploadImg = () => {
-    uni.chooseImage({
-        count: 3 - imgList.value.length, // 最多选择3张，减去已选数量
-        sizeType: ['original', 'compressed'],
-        sourceType: ['album', 'camera'],
-        success: async (res) => {
-            const tempFiles = res.tempFiles
-            if (imgList.value.length + tempFiles.length > 3) {
-                uni.showToast({ title: '最多只能上传3张图片', icon: 'none' })
-                return
-            }
-
-            // 显示选择的图片
-            for (let i = 0; i < tempFiles.length; i++) {
-                imgList.value.push({
-                    url: tempFiles[i].path,
-                    uploading: true,
-                })
-            }
-
-            // 上传所有图片
-            const uploadPromises = tempFiles.map((file) => {
-                return new Promise((resolve, reject) => {
-                    uni.uploadFile({
-                        url: '/file/upload',
-                        filePath: file.path,
-                        name: 'file',
-                        success: (uploadRes) => {
-                            const resData = JSON.parse(uploadRes.data)
-                            if (resData.code === 200) {
-                                resolve({
-                                    name: resData.data.name,
-                                    url: resData.data.url,
-                                    taskType: '10',
-                                })
-                            } else {
-                                reject(new Error('上传失败'))
-                            }
-                        },
-                        fail: (err) => {
-                            reject(err)
-                        },
-                    })
-                })
-            })
-
-            try {
-                const results = await Promise.all(uploadPromises)
-                bmFileInfos.value = [...bmFileInfos.value, ...results]
-                uni.showToast({ title: '上传成功', icon: 'none' })
-
-                // 更新图片状态
-                imgList.value = imgList.value.map((img) => {
-                    return {
-                        ...img,
-                        uploading: false,
-                    }
-                })
-            } catch (error) {
-                uni.showToast({ title: '部分图片上传失败', icon: 'none' })
-                // 移除上传失败的图片
-                imgList.value = imgList.value.filter((img) => !img.uploading)
-            }
+  const count = 3 - imgList.value.length 
+  if (count <= 0) {
+    uni.showToast({ title: '最多上传3张图片', icon: 'none' })
+    return
+  }else{
+      uni.showActionSheet({
+        itemList: ['拍照', '从相册选择'],
+        success: (res) => {
+          if (res.tapIndex === 0) {
+            getCameraFj()
+          } else if (res.tapIndex === 1) {
+            // 从相册选择
+            getPhotoFj()
+          }
         },
-    })
+        fail: (err) => {
+          console.error('操作菜单选择失败:', err)
+        },
+      })
+  }
 }
 
+// 附件拍照
+const getCameraFj = () => {
+      navigator.camera.getPicture(onCameraSuccessFj, onCameraErrorFj, {
+        quality: 50,
+        destinationType: window.Camera.DestinationType.DATA_URL,
+        sourceType: window.Camera.PictureSourceType.CAMERA,
+      })
+}
+// 附件从相册选择
+const getPhotoFj = () => {
+      navigator.camera.getPicture(onCameraSuccessFj, onCameraErrorFj, {
+        quality: 50,
+        destinationType: window.Camera.DestinationType.DATA_URL,
+        sourceType: window.Camera.PictureSourceType.SAVEDPHOTOALBUM,
+      })
+}
+
+const onCameraErrorFj = (message) => {
+      console.log(message)
+}
+
+const onCameraSuccessFj = (file) => {
+      uploadSignUrlFj(file)
+}
+
+const generateRandomString = (length) => {
+      let result = '';
+      const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+      const charactersLength = characters.length;
+      for (let i = 0; i < length; i++) {
+        result += characters.charAt(Math.floor(Math.random() * charactersLength));
+      }
+      return result;
+}
+
+const uploadSignUrlFj = (file) => {
+       const base64Data = file
+
+        uni.request({  
+          url: '/file/uploadBase64',
+          method: 'POST',
+          data: {
+            base64File:base64Data,
+            fileName: `${generateRandomString(10)}_${Date.now()}.png`,
+            fileType: 'image/png'
+          },
+          success: (uploadRes) => {
+            if(!uploadRes.data.code){
+              uploadRes = JSON.parse(decryptWithSM4(uploadRes.data))
+            }else{
+              uploadRes = JSON.parse(uploadRes.data)
+            }
+            if (uploadRes.code && uploadRes.code == 200) {
+              imgList.value.push({
+                url: uploadRes.data.url, // Show local path first
+                serverUrl: uploadRes.data.url // Store server URL
+              })
+              bmFileInfos.value.push({
+                name: uploadRes.data.name,
+                url: uploadRes.data.url,
+                taskType: '10'
+              })
+                uni.showToast({ title: '上传成功', icon: 'none' })
+            } else {
+              uni.showToast({ title: '上传失败', icon: 'none' })
+            }
+          },
+          fail: (err) => {
+            console.error('上传失败', err)
+            uni.showToast({ title: '上传失败', icon: 'none' })
+          }
+        })
+}
+
+
 // 删除图片
 const deleteImage = (index) => {
     imgList.value.splice(index, 1)