el-upload回显图片后修改图片,已经设置了:file-list属性,能成功回显,问题是如果图片不做修改直接提交,那么原来的图片无法上传到后端,经调试发现是根本没有调用el-upload的上传函数,修改图片后再提交后端就能正常接收。
那如果修改时图片没有被更改,直接提交的话,怎么才能把原来的图片提交上去。
el-upload部分的代码
<el-form-item label="题目图片:" prop="picture">
<el-upload
action
ref="imgForm"
:multiple="false"
list-type="picture-card"
:class="{hide:hideUpload}"
name="file"
:on-preview="handlePreview"
:on-remove="remove"
:on-change="uploadChange"
:before-upload="beforeUpload"
:http-request="upLoadFile"
:auto-upload="false"
:file-list="headFileList"
>
<i class="el-icon-plus">
</el-upload>
</el-form-item>
修改时回显数据的代码
this.ruleForm = res.data;
if (res.data.picture) {
this.headFileList = [];
this.headFileList.push({url: "../../questionsImages/" + res.data.picture})
this.hideUpload = this.headFileList.length >= this.limitCount;
}
点击提交按钮时调用图片的提交方法 this.$refs.imgForm.submit();
图片的提交方法
upLoadFile(file) {
this.formData.append('file', file.file);
},