fix 80645

src/components/ZUpload.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="upload-comp">
     <div class="upload-box">
-      <input type="file" class="upload-box-input" @change="handleUpload" />
+      <input type="file" class="upload-box-input" @change="handleUpload" multiple="multiple" />
       <van-button type="primary" plain>
         <template #icon>
           <van-icon class="iconfont" class-prefix="icon" name="shangchuan" />
@@ -83,9 +83,11 @@ export default {
     }
   },
   methods: {
-    handleUpload (event) {
+    async handleUpload (event) {
       const e = window.event || event
-      const file = e.target.files[0]
+      const fileList = e.target.files || []
+      for (let i = 0; i < fileList.length; i++) {
+        const file = fileList[i]
         /* 进行相关校验 */
         const checkResult = this.beforeUpload(file)
         if (!checkResult) {
@@ -94,13 +96,26 @@ export default {
         const formData = new FormData()
         formData.append('file', file)
         formData.append('biz', 'temp')
+        const result = await this.uploadFileApi(formData)
+        if (result) {
+          this.fileList.push(result)
+        }
+      }
+      this.$emit('change', this.fileList.map(item => item.id).join(','))
+    },
+    uploadFileApi (formData) {
+      return new Promise(resolve => {
+        let result
         uploadFile(formData).then(res => {
           if (res.success) {
-          this.fileList.push(res.result)
+            result = res.result
-          this.$emit('change', this.fileList.map(item => item.id).join(','))
           } else {
             this.$message(res.message)
+            result = false
           }
+        }).finally(() => {
+          resolve(result)
+        })
       })
     },
     beforeUpload (file) {