<el-form-item label="船艏照(船名清晰)" required="">
<el-upload
class="avatar-uploader"
action=""
ref="dmtUploadFile"
accept='.jpg,.png,.jpeg'
:auto-upload= "false"
:show-file-list="false"
:on-change="handleChangeImg1">
<img v-if="imgUrl1!=''" :src="imgUrl1" class="avatar">
<i
v-else
class="el-icon-plus avatar-uploader-icon"
></i>
</el-upload>
</el-form-item>
handleChangeImg1(file){
console.log(file)
const isLt10M = file.size / 1024 / 1024 < 10;
if(isLt10M){
this.imgUrl1 = URL.createObjectURL(file.raw);
this.file1 = file.raw
} else {
let uid = file.uid // 关键作用代码,去除文件列表失败文件
let idx = this.$refs.dmtUploadFile.uploadFiles.findIndex(item => item.uid === uid) // 关键作用代码,去除文件列表失败文件(uploadFiles为el-upload中的ref值)
this.$refs.dmtUploadFile.uploadFiles.splice(idx, 1) // 关键作用代码,去除文件列表失败文件
this.$message.error('船艏照不能大于10M')
return false
}
},