Ant-design: مكون التحميل: تحقق من المشاكل قبل التحميل قبل التحميل

تم إنشاؤها على ٢٩ ديسمبر ٢٠١٧  ·  7تعليقات  ·  مصدر: ant-design/ant-design

الإصدار

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;

}

ما هو متوقع؟

عند تحميل الصور بتنسيق خاطئ ، فإنه يطالب بأن التنسيق خاطئ ، ولكن لا يتم عرض أي تأثير

ما الذي يحدث بالفعل؟

عند تحميل الصور بتنسيق خاطئ ، فإنه يطالبك بأن التنسيق خاطئ ، لكن الواجهة تعرض "تحميل ملف"

Inactive 🐛 Bug

التعليق الأكثر فائدة

beforeUpload (ملف) {
const maxFileSize = 2 ؛
const isLtMax = file.size / 1024/1024 <maxFileSize ؛

return new Promise((resolve, reject) => {
  if(!isLtMax) {
    reject(file);
  } else {
    resolve(file);
  }
});

} ؛
بهذه الطريقة سيمنع ملف الخطأ من الإضافة إلى قائمة الملفات.

ال 7 كومينتر

سيكون من الأفضل كتابة مشكلتك / تعليقك باللغة الإنجليزية ، حتى يتمكن المزيد من الأشخاص من فهمك.
وهذا يعني أن المزيد من الأشخاص يمكنهم مساعدتك أو الاستفادة من مشكلتك / تعليقك.
انظر: 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);
  }
});

} ؛
بهذه الطريقة سيمنع ملف الخطأ من الإضافة إلى قائمة الملفات.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات