github/CRMEB
1
0
Fork 0
mirror of https://github.com/crmeb/CRMEB.git synced 2026-10-29 22:10:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve: 图片上传大小判断

Browse Source
This commit is contained in:
From-wh 2023-06-25 18:26:33 +08:00
parent cf9f212b6f
commit b1e7bdcd90
1 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
template/admin/src/pages/app/upload/index.vue
View File

@ -77,9 +77,13 @@ export default {
});
this.imgList.splice(index, 1);
this.$nextTick((e) => {
this.imgList.map((e) => {
this.allSize += e.raw.size;
});
if (this.imgList.length) {
this.imgList.map((e) => {
this.allSize += e.raw.size;
});
} else {
this.allSize = 0;
}
});
},
@ -118,14 +122,20 @@ export default {
return new Blob([u8arr], { type: mime });
},
fileChange(file, fileList) {
compressImg(file.raw).then((res) => {
if (fileList.length) fileList[fileList.length - 1].raw = res;
if (file.size >= 2097152) {
compressImg(file.raw).then((res) => {
if (fileList.length) fileList[fileList.length - 1].raw = res;
this.imgList = fileList;
this.imgList.map((e) => {
this.allSize += e.raw.size;
});
});
} else {
this.imgList = fileList;
this.imgList.map((e) => {
console.log(e);
this.allSize += e.raw.size;
});
});
}
},
loadData(item, callback) {
getCategoryListApi({
@ -167,7 +177,7 @@ export default {
font-size: 18px;
right: 1px;
top: 1px;
color: red;
color: #999;
}
.img-box {
display: flex;