小工具知识网

当前位置: 首页 > 行业知识 > el-upload前端实现多文件上传

行业知识

el-upload前端实现多文件上传

2026-11-08 19:11:26 来源:互联网转载

template中:

                点击上传          

script中:

data:

 formdata1: new FormData(), //创建FormData1对象

methods:

 methods: {    handleExceed1(file, fileList) {      //上传的过程中触发的函数    },    httpRequest1(file) {      //上传完毕触发的函数      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(); //创建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]);

就可以了

上一篇:轻松获取Android高质量图片源码攻略!

下一篇:率土之滨服务器怎么删除?