Ant-design: Upload组件：beforeUpload上传前检查问题

创建于 2017-12-29 · 7评论 · 资料来源: ant-design/ant-design

Version

3.0.3

Environment

win7,chrome63.0.3239.84

Reproduction link

Steps to reproduce

handleBeforeUpload(file) {
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;

}

What is expected?

当上传错误格式的照片，提示格式错误，但不显示任何效果

What is actually happening?

当上传错误格式的照片，提示格式错误，但界面上显示了"文件上传中"

Inactive 🐛 Bug

资料来源

LynnHg

最有用的评论

beforeUpload（文件）{
const maxFileSize = 2;
const isLtMax = file.size / 1024/1024 <maxFileSize;

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

};
这样可以防止错误文件添加到fileList中。

iiiok 于 2018-05-07

👍5 🎉1

所有7条评论

用英语写您的问题/评论会更好，这样更多的人可以理解您。
这意味着更多的人可以帮助您或从您的问题/评论中受益。
参见： https :

ant-design-bot 于 2017-12-29

这是因为onChange的回调方法有问题，不能这样写

infeng 于 2017-12-29

我认为这是一个问题，当beforeUpload false时，回调onChange file对象应该给出正确的status 。

yutingzhao1991 于 2017-12-29

如果使用Promise，拒绝将不会触发onChange ，但返回false会！

sponialdy 于 2018-01-02

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

Cecilxx 于 2018-01-04

＃8020重复

afc163 于 2018-02-11