最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

el-upload前端實現(xiàn)多文件上傳功能示例

 更新時間:2024年07月22日 08:31:48   作者:Sample_淺淺未央  
在Vue.js中可以使用Element UI庫中的<el-upload>組件來實現(xiàn)多文件上傳的功能,這篇文章主要給大家介紹了關(guān)于el-upload前端實現(xiàn)多文件上傳功能的相關(guān)資料,需要的朋友可以參考下

template中:

    <el-upload
            class="upload-demo"
            ref="fileUpload1"
            :file-list="fileList1"
            action=""
            :on-exceed="handleExceed1"
            :http-request="httpRequest1"
            :on-remove="handleRemove1"
          >
            <el-button size="small" type="primary">點擊上傳</el-button>
          </el-upload>

script中:

data:

 formdata1: new FormData(), //創(chuàng)建FormData1對象

methods:

 methods: {
    handleExceed1(file, fileList) {
      //上傳的過程中觸發(fā)的函數(shù)
    },
    httpRequest1(file) {
      //上傳完畢觸發(fā)的函數(shù)
      this.formdata1.append("new_files", file.file);
    },
    handleRemove1(file, fileList) {
      /**
       * 檢測刪除的file是否是新加入的file文件 如果不是,刪除就給與md5的值
       */
      if ((file.raw != undefined && file.raw instanceof File) == false) {
        this.deleteFiles1 += file.md5 + ",";
      }
    },  
  },

提交的時候:

 this.formdata1 = new FormData(); //創(chuàng)建FormData對象
        this.formdata1.append("fault_no", this.$route.query.fault_no);
        this.formdata1.append("progress", "1");
        this.formdata1.append("step", n);
        this.formdata1.append("files_to_delete", this.deleteFiles1);//刪除的文件的id值
        this.$refs.fileUpload1.submit();//用來提交文件上傳的file格式文件組
        updateFaultFile(this.formdata1).then((res) => {
          if (res.resCode === 20000) {
            this.$message.success("更新成功");
          } else {
            this.$message.error("更新失敗");
          }
        });

如果僅僅是單文件上傳的話:直接在提交的時候傳入 

this.formdata1.append("new_files", this.fileList[0]);

就可以了

總結(jié)

到此這篇關(guān)于el-upload前端實現(xiàn)多文件上傳功能的文章就介紹到這了,更多相關(guān)el-upload前端多文件上傳內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評論

康乐县| 营山县| 伊吾县| 子长县| 大理市| 阿瓦提县| 沙洋县| 桑日县| 云和县| 承德县| 东乡族自治县| 东明县| 西乌珠穆沁旗| 海盐县| 和顺县| 建始县| 新闻| 南澳县| 永昌县| 柳河县| 团风县| 安溪县| 宜城市| 海原县| 青海省| 芜湖县| 武宣县| 安康市| 墨玉县| 高陵县| 景泰县| 南城县| 五华县| 岐山县| 宜春市| 姜堰市| 炉霍县| 浠水县| 黄平县| 忻城县| 叙永县|