鍍金池/ 問答/HTML5  HTML/ vue如何一次性上傳多個(gè)文件 而不是一個(gè)個(gè)上傳的

vue如何一次性上傳多個(gè)文件 而不是一個(gè)個(gè)上傳的

<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">上傳到服務(wù)器</el-button>
          </el-upload>
回答
編輯回答
笑浮塵

可以在addFile方法里面將files轉(zhuǎn)換為數(shù)組格式，然后將這些圖片傳入FormData，最后上傳FormData

let images=[...files]
let _data = new FormData();
images.forEach((img,index) => {
    _data.append(`img_${index}`,img)
})
2018年5月7日 18:29
編輯回答
祈歡

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

2018年1月1日 01:11