3.0.3
win7 ، الكروم 63.0.3239.84
https://codepen.io/LynnHg/pen/YYZdRV
handleBeforeUpload (ملف) {
حجم constOk = file.size <1024 * 300 ؛
نوع const طيب =
file.type === 'image / jpeg' ||
file.type === 'image / png' ||
file.type === 'image / bmp' ||
file.type === 'صورة / gif' ؛
if (!typeOk) {
message.error('照片格式有误!');
} else {
if (!sizeOk) {
message.error('照片大小超过300K!');
}
}
return sizeOk && typeOk;
}
عند تحميل الصور بتنسيق خاطئ ، فإنه يطالب بأن التنسيق خاطئ ، ولكن لا يتم عرض أي تأثير
عند تحميل الصور بتنسيق خاطئ ، فإنه يطالبك بأن التنسيق خاطئ ، لكن الواجهة تعرض "تحميل ملف"
سيكون من الأفضل كتابة مشكلتك / تعليقك باللغة الإنجليزية ، حتى يتمكن المزيد من الأشخاص من فهمك.
وهذا يعني أن المزيد من الأشخاص يمكنهم مساعدتك أو الاستفادة من مشكلتك / تعليقك.
انظر: https://github.com/ant-design/ant-design/issues/4897
هذا بسبب وجود مشكلة في طريقة رد الاتصال onChange
، لا يمكن كتابتها على هذا النحو
أعتقد أنها مشكلة ، عندما يعيد beforeUpload
خطأ ، يجب أن يعطي الكائن file
في رد الاتصال onChange
حقًا status
.
وإذا كنت تستخدم Promise ، فلن يؤدي الرفض إلى تشغيل onChange
، لكن إرجاع false يفعل!
if (!typeOk) {
message.error('照片格式有误!');
return false
}
if (!sizeOk) {
message.error('照片大小超过300K!');
return false
}
return true;
نسخة مكررة من # 8020
beforeUpload (ملف) {
const maxFileSize = 2 ؛
const isLtMax = file.size / 1024/1024 <maxFileSize ؛
return new Promise((resolve, reject) => {
if(!isLtMax) {
reject(file);
} else {
resolve(file);
}
});
} ؛
بهذه الطريقة سيمنع ملف الخطأ من الإضافة إلى قائمة الملفات.
التعليق الأكثر فائدة
beforeUpload (ملف) {
const maxFileSize = 2 ؛
const isLtMax = file.size / 1024/1024 <maxFileSize ؛
} ؛
بهذه الطريقة سيمنع ملف الخطأ من الإضافة إلى قائمة الملفات.