浏览代码

多文件上传

liyangzheng 2 年之前
父节点
当前提交
f3dfffa74e
共有 2 个文件被更改,包括 21 次插入21 次删除
  1. 0 3
      src/api/myfile/myfile.js
  2. 21 18
      src/views/myfile/MyFile.vue

+ 0 - 3
src/api/myfile/myfile.js

@@ -46,9 +46,6 @@ function uploadFileMany(data) {
         url: `/biz/info/uploadFiles`,
         method: "post",
         data,
-        headers: {
-            'Content-Type': 'multipart/form-data'
-        },
     })
 }
 // 复制

+ 21 - 18
src/views/myfile/MyFile.vue

@@ -188,8 +188,8 @@
                                                     <Star />
                                                 </el-icon>
                                                 <img v-else src="../../assets/images/yellowstar.png" alt="">
-                                                {{ scope.row.fileName }}
                                                 <img :src="getImage(scope.row.fileType)" alt="">
+                                                {{ scope.row.fileName }}
                                             </span>
                                         </template>
                                     </el-table-column>
@@ -859,23 +859,26 @@ export default {
         }
         // 确认上传
         function sureUpload() {
-            myfile.uploadFile({
-                spaceId: 1,
-                dirId: 1,
-                file: fileArr.value
-            }).then(res => {
-                if (res.code === 200) {
-                    ElMessage({
-                        message: "上传文件成功",
-                        type: "success"
-                    })
-                    getAll()
-                    uploadModal.value = false
-                }
-            })
+            for (var i = 0; i <= fileArr.value.length; i++) {
+                myfile.uploadFile({
+                    spaceId: 1,
+                    dirId: 1,
+                    file: fileArr.value[i]
+                }).then(res => {
+                    if (res.code === 200) {
+                        ElMessage({
+                            message: "上传文件成功",
+                            type: "success"
+                        })
+                        getAll()
+                        uploadModal.value = false
+                        fileArr.value = []
+                    }
+                })
+            }
         }
-        function onSuccess(file, val) {
-            fileArr.value = file.file
+        function onSuccess(files, val) {
+            fileArr.value.push(files.file)
         }
         // 筛选后缀图片
         function getImage(file) {
@@ -1062,7 +1065,7 @@ export default {
             tagCollect.value = true
         }
         function tagBlur() {
-            collect.addNewTag({ labelName: newTag.value, orderNum: sortNum.value+1 }).then(res => {
+            collect.addNewTag({ labelName: newTag.value, orderNum: sortNum.value + 1 }).then(res => {
                 if (res.code === 200) {
                     ElMessage({
                         message: "新建标签成功",