1. 程式人生 > >vue element 如何使檔案批量上傳

vue element 如何使檔案批量上傳

問題:大家使用element自帶的檔案上傳功能時。雖然說檔案是批量上傳的,但是。其實他們都是一個一個傳上去的。我司的後端說要將所有的檔案全部一次性上傳。

解決方法:我們不可以用element自己的上傳控制元件,需要自己寫一個控制元件。程式碼如下

      submitUploadET() {
        let formData = new FormData()
        this.ETfileList.map((el, index) => {
          formData.append(`file${index}`, el)
        })
        uploadET(formData).then(res => {
          if (res.status == 200) {
            this.$message({
              'message': '上傳成功',
              'type': 'success'
            })
          }
          this.ETfileList = []
        })
      },

最後用element裡面可以替換的方法

然後就可以完成檔案的批量上傳了