Ant-design: Компонент загрузки: проверьте наличие проблем перед загрузкой перед загрузкой
Версия
3.0.3
Окружающая обстановка
win7, хром63.0.3239.84
Ссылка для воспроизведения
https://codepen.io/LynnHg/pen/YYZdRV
Действия по воспроизведению
handleBeforeUpload (файл) {
const sizeOk = file.size <1024 * 300;
const typeOk =
file.type === 'image / jpeg' ||
file.type === 'image / png' ||
file.type === 'image / bmp' ||
file.type === 'image / gif';
if (!typeOk) {
message.error('照片格式有误！');
} else {
if (!sizeOk) {
message.error('照片大小超过300K！');
}
}
return sizeOk && typeOk;
}
Что ожидается?
При загрузке фотографий в неправильном формате выводится сообщение, что формат неправильный, но никакого эффекта не отображается
Что на самом деле происходит?
При загрузке фотографий в неправильном формате отображается сообщение о неправильном формате, но в интерфейсе отображается «Загрузка файла».
LynnHg
Все 7 Комментарий
Лучше писать проблему / комментарий на английском, чтобы больше людей вас понимали.
А это значит, что больше людей могут помочь вам или получить пользу от вашего вопроса / комментария.
См .: https://github.com/ant-design/ant-design/issues/4897
ant-design-bot
29 дек. 2017
Это связано с тем, что существует проблема с методом обратного вызова onChange , его нельзя записать так
infeng
29 дек. 2017
Я думаю, что это проблема. Когда beforeUpload retrun false, file объект в обратном вызове onChange должен дать право status .
yutingzhao1991
29 дек. 2017
и если использовать Promise, reject не вызовет onChange , но return false сделает!
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
beforeUpload (файл) {
const maxFileSize = 2;
const isLtMax = размер файла / 1024/1024 <maxFileSize;
return new Promise((resolve, reject) => {
if(!isLtMax) {
reject(file);
} else {
resolve(file);
}
});
};
Таким образом вы предотвратите добавление файла с ошибкой в список файлов.
iiiok
7 мая 2018
Смежные вопросы
ericdai
·
3Комментарии
tangsj
·
3Комментарии
AhmedSayed77
·
3Комментарии
drcmda
·
3Комментарии
shivekkhurana
·
3Комментарии
Самый полезный комментарий
beforeUpload (файл) {
const maxFileSize = 2;
const isLtMax = размер файла / 1024/1024 <maxFileSize;
};
Таким образом вы предотвратите добавление файла с ошибкой в список файлов.