<!--文件上传组件--> <el-dialog title="上传" :visible.sync="dialogFormVisible2" :before-close="closeFileUploadDialog"> <el-form :model ...

需求: 提交详细信息的表单, 并上传对应图片(如下图), 后台接口要求表单数据和图片需要一次上传完成.. 分析: 实际上, 每个element-ui Upload组件都应发送一次请求, 很明显不符合我们的要求, 于是,我们需要自定义上传. 　　表单上传首先考虑FormData对象 ...

按照element ui官网的说法，http-request 覆盖原默认的上传行为，可以自定义上传的实现。 个人代码实现如下： html 部分： methods里面的方法 methods里面的方法： 很多时候我们做了上传图片到后端：但是在修改时获取后端的图片时要显示在页面 ...

HTML： JS： 如果不喜欢el-upload自带的样式，可以用fileList自己写一个显示文件的div ...

1、首先实现图片批量上传 首先是html代码： http-request：覆盖默认的上传行为，可以自定义上传的实现 <el-form enctype="multipart/form-data"> <el-form-item label=""> < ...

...

html js ...

<el-upload ref="upload" :action="''" :on-change="changeResult" :http-request ...