test/basic2
1
0
Fork 0
mirror of https://gitee.com/fantastic-admin/basic.git synced 2024-12-02 03:57:37 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

优化图片上传组件

Browse Source
This commit is contained in:
hooray 2021-11-02 15:39:27 +08:00
parent 2fd4eb8622
commit 5fbb0130cf
2 changed files with 5 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ImageUpload/index.vue
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>

6
src/components/ImagesUpload/index.vue
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>