图片上传组件修改
This commit is contained in:
@@ -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
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user