vue上传文件夹+上传文件vue-simple-uploader

vue上传文件夹+上传文件vue-simple-uploader

使用插件
在main.js引入

import uploader from 'vue-simple-uploader'

Vue.use(uploader);
1
2
3

 
      

        
          
          
            上传文件夹
            上传文件
          
          
        
      
    
1
2
3
4
5
6
7
8
9
10
11
12
13
14

  uploader_key: new Date().getTime(), //这个用来刷新组件--解决不刷新页面连续上传的缓存上传数据（注：每次上传时，强制这个值进行更改---根据自己的实际情况重新赋值）
        options: {
          target: this.baseurl +
            "/common/uploadFolder", ///antiqueRecord/upload_folder1针对只有一层文件夹 //SpringBoot后台接收文件夹数据的接口
          testChunks: false, //是否分片-不分片
          chunkSize: 1024 * 1024 * 90, //每块大小
          // simultaneousUploads: 5, //并发上传块数

          headers: {
            Authorization: "Bearer " + getToken()
          },
          query: {
            cover: true,
            folderPath: ''
          },
        },
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

  onFileSuccess: function (rootFile, file, response, chunk) {
        var msg = JSON.parse(response);
      },
      isComplete(suc) {
        console.log(22, suc);
        if (suc.completed) {
          this.daoru = true;
        }
      },
1
2
3
4
5
6
7
8
9