Ant-design: अपलोड घटक: अपलोड करने से पहले समस्याओं की जांच करें

को निर्मित 29 दिस॰ 2017 · 7टिप्पणियाँ · स्रोत: ant-design/ant-design

संस्करण

3.0.3 है

वातावरण

win7, chrome63.0.3239.84

प्रजनन लिंक

प्रजनन करने कि प्रक्रिया

handleBeforeUpload (फ़ाइल) {
const sizeOk = file.size <1024 * 300;
const typeOk =
file.type === 'image / jpeg' ||
file.type === 'छवि / पीएनजी' ||
file.type === 'छवि / bmp' ||
file.type === 'image / gif';

if (!typeOk) {
  message.error('照片格式有误！');
} else {
  if (!sizeOk) {
    message.error('照片大小超过300K！');
  }
}

return sizeOk && typeOk;

}

क्या उम्मीद है?

गलत प्रारूप में फोटो अपलोड करते समय, यह संकेत देता है कि प्रारूप गलत है, लेकिन कोई प्रभाव प्रदर्शित नहीं होता है

वास्तव में क्या हो रहा है?

गलत प्रारूप में फोटो अपलोड करते समय, यह संकेत देता है कि प्रारूप गलत है, लेकिन इंटरफ़ेस "फाइल अपलोडिंग" प्रदर्शित करता है

Inactive 🐛 Bug

स्रोत

LynnHg

सबसे उपयोगी टिप्पणी

पहले लोड (फ़ाइल) {
const maxFileSize = 2;
constLLMax = file.size / 1024/1024 <maxFileSize;

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

};
इस तरह से त्रुटि फ़ाइल को फ़ाइललिस्ट में जोड़ने से रोका जा सकेगा।

iiiok 7 मई 2018

👍5 🎉1

सभी 7 टिप्पणियाँ

अपना अंक / टिप्पणी अंग्रेजी में लिखना बेहतर होगा, इसलिए अधिक लोग आपको समझ सकते हैं।
और इसका मतलब है कि अधिक लोग आपकी मदद कर सकते हैं या आपके मुद्दे / टिप्पणी से लाभान्वित हो सकते हैं।
देखें: https://github.com/ant-design/ant-design/issues/4897

ant-design-bot 29 दिस॰ 2017

ऐसा इसलिए है क्योंकि onChange के कॉलबैक विधि के साथ एक समस्या है, इसे इस तरह नहीं लिखा जा सकता है

infeng 29 दिस॰ 2017

मुझे लगता है कि यह एक समस्या है, जब beforeUpload प्रतिफल झूठे होते हैं, कॉलबैक में file वस्तु onChange सही status देनी चाहिए।

yutingzhao1991 29 दिस॰ 2017

और अगर प्रोमिस का उपयोग करते हैं, तो onChange ट्रिगर को अस्वीकार न करें, लेकिन गलत करता है!

sponialdy 2 जन॰ 2018

if (!typeOk) {
   message.error('照片格式有误！');
   return false
} 
if (!sizeOk) {
    message.error('照片大小超过300K！');
    return false
}
return true;

Cecilxx 4 जन॰ 2018

# 8020 का डुप्लीकेट

afc163 11 फ़र॰ 2018

पहले लोड (फ़ाइल) {
const maxFileSize = 2;
constLLMax = file.size / 1024/1024 <maxFileSize;

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

};
इस तरह से त्रुटि फ़ाइल को फ़ाइललिस्ट में जोड़ने से रोका जा सकेगा।

iiiok 7 मई 2018

👍5 🎉1

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

संबंधित मुद्दों

स्थानीय परिनियोजन का उपयोग करते समय चिह्न एक त्रुटि की रिपोर्ट करता है

tianyacsdn · 3टिप्पणियाँ

जब चुनिंदा घटक प्रॉप्स के माध्यम से डेटा में गुजरता है, तो यह विकल्प को पार करता है और एक त्रुटि की रिपोर्ट करता है

zhangchen2397 · 3टिप्पणियाँ

वृक्ष चयन

longhuasishen · 3टिप्पणियाँ

क्या एंटी-डिज़ाइन में उल्का के साथ एकीकृत संस्करण होगा

ericdai · 3टिप्पणियाँ

क्या तालिका किसी निश्चित सेल का रंग निर्दिष्ट कर सकती है?

mineralres · 3टिप्पणियाँ