上传图片
<el-upload
ref="uploadLogo"
:file-list="fileList2"
:show-file-list="true"
:on-remove="handleRemove1()"
class="editor-slide-upload"
action
:http-request="upload1()"
:on-change="onchangeLogo"
list-type="picture-card"
accept=".jpg,.png,.jpeg,.svg,.ico"
>
<i class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
场景:上传图片后,可再次上传,覆盖掉第一张上传的图片
//上传
upload1() {
return item => {
let fd = new FormData()
fd.append('file', item.file)
this.CurObject.logo = item.file
// this.fileList = item.file.name
// upload(fd).then(res => {
// this.CurObject.cover = res.data
// })
}
},
//覆盖
onchangeLogo(file, fileList) {
if (fileList.length > 1) {
fileList.splice(0, 1)
}
this.CurObject.businessLicense = fileList[0].raw
},
//移除
handleRemove1() {
// this.fileList2 = []
},
上传图片踩坑日记
使用upload上传的时候,覆盖前一个图片时,使用on-change事件,去除limit,否则此方法无打印结果;