multiple
uploadIcon="arrow-upward" maxCount="18" capture="sourceType" @afterRead="afterRead"
@delete="deletePic"
></uv-upload>
// 删除图片
deletePic(event) {
try {
console.log("删除数据event::",event)
this[fileList${event.name}
].splice(event.index, 1)
this.$cache.set("addImgList",this[fileList${event.name}
])
let self = this;
//type=0单个文件删除 1多个文件删除
let data = {
"file":event.file,
"type":0,
}
DeleteFile(self,data)
.then(res => {
return true
})
.catch(res => {
console.log("删除失败:",res)
return false
})
}catch (error) {
console.error('deletePic 错误:', error);
}
},
// 新增图片
async afterRead(event) {
try {
// 当设置 multiple 为 true 时, file 为数组格式,否则为对象格式
let lists = [].concat(event.file)
let fileListLen = this[`fileList${event.name}`].length
lists.map((item) => {
this[`fileList${event.name}`].push({
...item,
status: 'uploading',
message: '上传中'
})
})
for (let i = 0; i < lists.length; i++) {
let result = await this.uploadFilePromise(lists[i].url)
result = JSON.parse(result)
//console.log("result::",result)
let item = this[`fileList${event.name}`][fileListLen]
if(result.code==1){
this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
status: 'success',
message: '',
url: result.data.imgurl
}))
}else{
this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
status: 'failed',
message: result.msg,
url: ''
}))
}
fileListLen++
}
this.$cache.set("addImgList",this[`fileList${event.name}`])
console.log("fileList1::",this.fileList1)
} catch (error) {
console.error('afterRead 错误:', error);
}
},
uploadFilePromise(url) {
return new Promise((resolve, reject) => {
let a = uni.uploadFile({
url: 'https://api.dcloudd.top/Publish/upload', // 仅为示例,非真实的接口地址
filePath: url,
name: 'file',
header:this.headers,
success: (res) => {
setTimeout(() => {
resolve(res.data)
}, 1000)
},
fail: (error) => {
console.log("上传错误:",error)
reject(error);
}
});
})
},
0 个回复