<el-upload
class="upload-demo avatar-uploader"
action="#"
enctype="multipart/form-data"
:show-file-list="false"
:http-request="uploadImg"
name="file"
:on-change="(file, fileList) => {handleChange(file, fileList, i)}"
>
methods:{
handleChange (file, fileList, i) {
this.imgid = i
},
}
async uploadImg (option) {
let { file } = option // 对象结构file
let isLt2M = file.size / 1024 / 1024 < 1
if (!isLt2M) {
this.$message({
message: '上传文件大小不能超过1MB!',
type: 'warning'
})
return
}
let params = new FormData()
params.append('file', file)
let res = await this.$API.uploadProImg(params)
if (res.code === 200) {
// 解决上传图片重复的问题
this.addHotActForm.proIntroArr[this.imgid].imageUrl = res.msg
this.$message({
message: '文件上传成功!',
type: 'success',
duration: 800
})
} else {
this.$message({
message: '文件上传失败!',
type: 'error',
duration: 800
})
}
},
element 的el-upload如何传递当前索引(:on-change事件)
猜你喜欢
转载自blog.csdn.net/qq_45284875/article/details/104667883
今日推荐
周排行