github/basic
1
0
Fork 2
mirror of https://github.com/fantastic-admin/basic.git synced 2026-10-07 15:58:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化图片上传组件

Browse Source
This commit is contained in:
hooray
2021-11-02 15:38:10 +08:00
parent e74be58556
commit b7dcdb78f8
2 changed files with 5 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ImageUpload/index.vue
+3 -7
View File
@@ -31,7 +31,7 @@
</div>
</div>
</div>
<div v-show="uploadData.progress.percent" class="progress" :style="`width:${width}px;height:${height}px;`">
<div v-show="url === '' && uploadData.progress.percent" class="progress" :style="`width:${width}px;height:${height}px;`">
<el-image :src="uploadData.progress.preview" :style="`width:${width}px;height:${height}px;`" fit="fill" />
<el-progress type="circle" :width="Math.min(width, height) * 0.8" :percentage="uploadData.progress.percent" />
</div>
@@ -135,14 +135,10 @@ function beforeUpload(file) {
}
function onProgress(file) {
uploadData.value.progress.percent = ~~file.percent
if (uploadData.value.progress.percent == 100) {
setTimeout(() => {
uploadData.value.progress.preview = ''
uploadData.value.progress.percent = 0
}, 1000)
}
}
function onSuccess(res) {
uploadData.value.progress.preview = ''
uploadData.value.progress.percent = 0
emit('on-success', res)
}
</script>
src/components/ImagesUpload/index.vue
+2 -4
View File
@@ -158,12 +158,10 @@ function beforeUpload(file) {
}
function onProgress(file) {
uploadData.value.progress.percent = ~~file.percent
if (uploadData.value.progress.percent == 100) {
uploadData.value.progress.preview = ''
uploadData.value.progress.percent = 0
}
}
function onSuccess(res) {
uploadData.value.progress.preview = ''
uploadData.value.progress.percent = 0
emit('on-success', res)
}
</script>