Skip to content

Commit ece61e2

Browse files
vincentzycvincentzyc
committed
优化图片上传
1 parent 32d4996 commit ece61e2

2 files changed

Lines changed: 8 additions & 17 deletions

File tree

‎src/components/base/img-upload.vue‎

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ export default {
1919
},
2020
methods: {
2121
handleAvatarSuccess(res, file, fileList) {
22-
this.$emit('update:value', res.data)
22+
this.$emit('update:value', URL.createObjectURL(file.raw))
2323
this.fullLoading.close()
2424
},
2525
uploadError(err, file, fileList) {
@@ -28,13 +28,14 @@ export default {
2828
this.$alert('网络繁忙，请稍后重试')
2929
},
3030
beforeAvatarUpload(file) {
31-
const isLt2M = file.size / 1024 / 1024 < 1;
31+
const isLt2M = file.size / 1024 < 20;
3232
if (!isLt2M) {
33-
this.$message.error('上传图片大小不能超过 1MB!');
33+
this.$message.error('上传图片大小不能超过 20 KB!');
34+
} else {
35+
this.fullLoading = this.$loading({
36+
text: '正在上传'
37+
});
3438
}
35-
this.fullLoading = this.$loading({
36-
text: '正在上传'
37-
});
3839
return isLt2M;
3940
},
4041
}

‎src/components/widget-config.vue‎

Lines changed: 1 addition & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -52,17 +52,7 @@
5252
</el-form-item>
5353
<template v-if="selectWg.type === 'imgShow'">
5454
<el-form-item label="图片上传">
55-
<el-upload
56-
class="avatar-uploader"
57-
:action="$api.apiUrl()+'supermarketloan/mgr/eventmarket/uploadeventmarketimg'"
58-
:show-file-list="false"
59-
:on-success="handleAvatarSuccess"
60-
:before-upload="beforeAvatarUpload"
61-
:on-error="uploadError"
62-
>
63-
<img v-if="selectWg.value" :src="selectWg.value" class="avatar">
64-
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
65-
</el-upload>
55+
<ImgUpload :value.sync="selectWg.value"/>
6656
</el-form-item>
6757
</template>
6858
</el-collapse-item>

0 commit comments

Comments
 (0)