tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: ♻️ 修复上传文件大小限制的问题

Browse Source 
修复上传文件大小限制的问题
This commit is contained in:
Theo
2025-01-24 10:43:29 +08:00
parent 93e1d1491b
commit 67f3e455e9
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Upload/FileUpload.vue
View File

@@ -108,7 +108,7 @@ const props = defineProps({
*/ */
maxSize: { maxSize: {
type: Number, type: Number,
default: 2 * 1024 * 1024, default: 10,
}, },
/** /**
* 上传文件类型 * 上传文件类型
@@ -221,15 +221,19 @@ watch(
* 限制用户上传文件的大小 * 限制用户上传文件的大小
*/ */
function handleBeforeUpload(file: UploadRawFile) { function handleBeforeUpload(file: UploadRawFile) {
if (file.size > props.maxSize) { if (file.size > props.maxSize * 1024 * 1024) {
ElMessage.warning("上传文件不能大于" + props.maxSize + "M"); ElMessage.warning("上传文件不能大于" + props.maxSize + "Mb");
return false; return false;
} }
uploadPercent.value = 0; uploadPercent.value = 0;
showUploadPercent.value = true; showUploadPercent.value = true;
return true; return true;
} }
/**
* 上传成功回调方法
* @param response 响应题
* @param file 上传文件
*/
const handleSuccessFile = (response: any, file: UploadFile) => { const handleSuccessFile = (response: any, file: UploadFile) => {
showUploadPercent.value = false; showUploadPercent.value = false;
uploadPercent.value = 0; uploadPercent.value = 0;