Vue+Element：el-upload自动提交文件，1.实现“选取文件”行为，2.“发起POST请求”上传文件行为，合并在一起，3.最后，再“发起POST请求”，将表单信息提交保存到后端

最新推荐文章于 2024-07-09 09:24:08 发布

徐阎

最新推荐文章于 2024-07-09 09:24:08 发布

阅读量1.3k

点赞数

分类专栏： photon 文章标签： node.js javascript vue.js elementui sass

本文链接：https://blog.csdn.net/baidu_39557593/article/details/124411063

版权

本文介绍了如何在Vue+Element项目中，使用el-upload组件实现文件选取后立即自动上传的功能，免去了额外的提交操作。通过设置`action`属性为上传文件的URL和`:auto-upload="true"`实现文件的自动提交。这一优化提升了用户体验，简化了界面交互。

摘要由CSDN通过智能技术生成

1.实现功能展示

QQ录屏20220425180342

2.官方语法说明

3.el-upload高度封装组件——Vue代码页面展示

核心Url设置代码：

            <el-upload
                ref="upload"
                :limit="1"
                accept=".xlsx, .xls"
                :headers="upload.headers"
                :action="upload.url + '?updateSupport=' + upload.updateSupport"
                :disabled=