vue如何一次性上传多个文件 而不是一个个上传的

Question

<el-upload

                  class="upload-demo"
                  ref="upload"
                  action="http://add"
                  name="Content"
                  :data="form"
                  :on-remove="handleRemove"
                  :on-error="uploadError"
                  :on-success="uploadSuccess"
                  :multiple="multiple"
                  :file-list="fileList"
                  :on-change="addFile"
                  :auto-upload="false">
              <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
              <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
          </el-upload>

Answer 1

那 :file-list="fileList"需要填写？

Answer 2

可以在addFile方法里面将files转换为数组格式，然后将这些图片传入FormData，最后上传FormData

let images=[...files]
let _data = new FormData();
images.forEach((img,index) => {
    _data.append(`img_${index}`,img)
})