图片上传组件修改

This commit is contained in:
jiangyinzhi
2024-08-13 14:48:20 +08:00
parent ee500763de
commit 560f0e034c
@@ -3,6 +3,7 @@
<!-- :after-read="afterRead" --> <!-- :after-read="afterRead" -->
<van-uploader <van-uploader
v-model="fileList" v-model="fileList"
:disabled="disableImg"
multiple multiple
:deletable="deletable" :deletable="deletable"
:max-count="1" :max-count="1"
@@ -11,7 +12,7 @@
@click-upload="onUpload" @click-upload="onUpload"
accept="image/*" accept="image/*"
> >
<div class="uploader"> <div class="uploader" >
<van-icon name="plus" class="uploader-icon" /> <van-icon name="plus" class="uploader-icon" />
</div> </div>
</van-uploader> </van-uploader>
@@ -39,6 +40,7 @@ export default {
data() { data() {
return { return {
disableImg: false,
fileList: this.value, fileList: this.value,
activTimer: null, activTimer: null,
} }
@@ -92,6 +94,7 @@ export default {
}, },
async afterRead(file) { async afterRead(file) {
console.log('--------afterRead---', file) console.log('--------afterRead---', file)
this.disableImg = true
let params = new FormData() let params = new FormData()
params.append('file', file.file) params.append('file', file.file)
console.log(file.file) console.log(file.file)
@@ -99,7 +102,10 @@ export default {
// console.log(decryptParseToJSON(a),77777777); // console.log(decryptParseToJSON(a),77777777);
const res = await uploadFile(params) const res = await uploadFile(params)
if (res.code == 0) { if (res.code == 0) {
this.disableImg = false
this.$emit('afterRead', res.data, this.type) this.$emit('afterRead', res.data, this.type)
}else{
this.disableImg = false
} }
return true return true
}, },