Element组件功能强大,扩展性也好,upload文件上传组件支持单文件上传,对于办公文件,头像等都有专门的解决方案,同时可以附加参数,并且也能进行多文件上传,但是这里的多文件上传是分多次请求发送到后台的,可能不符合大多数情况的需求。
本次的需求是做故障报修模块,需要图片上传,并且是多文件一起上传,发一次请求搞定,这时需要对upload组件进行改造,放弃Element的默认上传方法,自己编写上传方法:
<el-form-item label="图片">
<el-upload
:action="uploadUrl"
:multiple="true"
ref="upload"
list-type="picture-card"
:on-success='uploadSuccess'
:on-error='uploadError'
:on-preview="handlePictureCardPreview"
:on-change