Upload组件：beforeUpload上传前检查问题

[LynnHg]

Version

3.0.3

Environment

win7,chrome63.0.3239.84

Reproduction link

https://codepen.io/LynnHg/pen/YYZdRV

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?

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

[ant-design-bot]

It will be better to write your issue/comment in English, so more people can understand you.
And this means that more people can help you or benefit from your issue/comment.
See: #4897

[infeng]

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

[yutingzhao1991]

I think it's a problem, When beforeUpload retrun false, file object in callback onChange should give a right status.

[sponialdy]

and if use Promise, reject wont trigger onChange, but return false does!

[Cecilxx]

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

[afc163]

Duplicate of #8020

[iiiok]

beforeUpload (file) {
const maxFileSize = 2;
const isLtMax = file.size / 1024 / 1024 < maxFileSize;

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

};
This way will prevent the error file from adding to the fileList.