欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

element-ui中el-upload多文件一次性上传的实现

程序员文章站 2022-06-23 12:30:11
项目需求是多个文件上传,在一次请求中完成,而elementui的上传组件是每个文件发一次上传请求,因此我们借助formdata的格式向后台传文件组html代码修改:auto-upload="false...

项目需求是多个文件上传,在一次请求中完成,而elementui的上传组件是每个文件发一次上传请求,因此我们借助formdata的格式向后台传文件组

html代码

修改:auto-upload="false"属性为false,阻止组件的自动上传
:http-request="uploadfile"覆盖上传事件
@click=“submitupload”,给上传按钮绑定事件

element-ui中el-upload多文件一次性上传的实现

此时就达到上传4个文件只发送了一个xhr请求了

element-ui中el-upload多文件一次性上传的实现

到此这篇关于element-ui中el-upload多文件一次性上传的实现的文章就介绍到这了,更多相关el-upload多文件上传内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!