瀏覽代碼

主管任务照片批量上传

zhujindu 5 月之前
父節點
當前提交
4f4824da20
共有 1 個文件被更改,包括 34 次插入20 次删除
  1. 34 20
      src/components/uploadVTask.vue

+ 34 - 20
src/components/uploadVTask.vue

@@ -61,6 +61,8 @@ export default {
     return {
       shows: false,
       url: '',
+      addressesRemark: '',
+      localIdsArr: [],
     };
   },
   methods: {
@@ -72,7 +74,7 @@ export default {
       let that = this;
       let wx = this.wx;
       let qiyeData;
-      let addressesRemark = '';
+      this.addressesRemark = '';
       var map = new TMap.Map('allmap', {
         zoom: 14,
         center: new TMap.LatLng(39.986785, 116.301012),
@@ -119,10 +121,10 @@ export default {
                   geocoder.getAddress({ location: location }).then(
                     function (result) {
                       var addresses = result.result.formatted_addresses;
-                      addressesRemark = addresses.recommend;
+                      that.addressesRemark = addresses.recommend;
                     },
                     function (err) {
-                      addressesRemark = '';
+                      that.addressesRemark = '';
                     }
                   );
                 },
@@ -133,40 +135,52 @@ export default {
                 },
               });
               wx.chooseImage({
-                count: 1,
+                count: 5,
                 sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有
                 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
                 defaultCameraMode: 'normal', //表示进入拍照界面的默认模式,目前有normal与batch两种选择,normal表示普通单拍模式,batch表示连拍模式,不传该参数则为normal模式。从3.0.26版本开始支持front和batch_front两种值,其中front表示默认为前置摄像头单拍模式,batch_front表示默认为前置摄像头连拍模式。(注:用户进入拍照界面仍然可自由切换两种模式)
                 isSaveToAlbum: 0,
                 success: function (res) {
-                  var localIds = '';
-                  if (res.localIds != undefined) {
-                    localIds = res.localIds[0];
-                  } else {
-                    localIds = res.localId;
-                  }
+                  let localIds = res.localIds;
                   // andriod中localId可以作为img标签的src属性显示图片;
                   // iOS应当使用 getLocalImgData 获取图片base64数据,从而用于img标签的显示(在img标签内使用 wx.chooseImage 的 localid 显示可能会不成功)
-                  wx.uploadImage({
-                    localId: localIds, // 需要上传的图片的本地ID,由chooseImage接口获得
-                    isShowProgressTips: 1, // 默认为1,显示进度提示
-                    success: function (res) {
-                      that.uploadImagev(res.serverId, addressesRemark);
-                    },
-                  });
+                  that.localIdsArr = [];
+                  that.syncUpload(localIds);
+                  // wx.uploadImage({
+                  //   localId: localIds, // 需要上传的图片的本地ID,由chooseImage接口获得
+                  //   isShowProgressTips: 1, // 默认为1,显示进度提示
+                  //   success: function (res) {
+                  //     that.uploadImagev(res.serverId, addressesRemark);
+                  //   },
+                  // });
                 },
               });
             });
           }
         });
     },
-    uploadImagev(meidaId, addressesRemark) {
+    syncUpload(localIds) {
+      if (!localIds.length) {
+        this.uploadImagev(this.localIdsArr);
+      } else {
+        var localId = localIds.pop();
+        wx.uploadImage({
+          localId: localId,
+          isShowProgressTips: 1, // 默认为1,显示进度提示
+          success: (res) => {
+            this.localIdsArr.push(res.serverId);
+            this.syncUpload(localIds);
+          },
+        });
+      }
+    },
+    uploadImagev(meidaIds) {
       var that = this;
       var form = {
-        mediaId: meidaId,
+        mediaIds: meidaIds,
         customId: that.customId,
         summaryId: that.summaryId,
-        locationRemark: addressesRemark,
+        locationRemark: that.addressesRemark,
       };
       var loind1 = that.$toast.loading({
         duration: 0,