Ant-design: 구성 요소 업로드 : 전에 업로드하기 전에 문제 확인

에 만든 2017년 12월 29일 · 7코멘트 · 출처: ant-design/ant-design

버전

3.0.3

환경

win7, chrome63.0.3239.84

복제 링크

재현 단계

handleBeforeUpload (file) {
const sizeOk = file.size <1024 * 300;
const typeOk =
file.type === 'image / jpeg'||
file.type === 'image / png'||
file.type === '이미지 / bmp'||
file.type === '이미지 / gif';

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

return sizeOk && typeOk;

}

무엇을 기대합니까?

잘못된 형식으로 사진을 업로드하면 형식이 잘못되었다는 메시지가 표시되지만 효과가 표시되지 않습니다.

실제로 무슨 일이 일어나고 있습니까?

잘못된 형식으로 사진을 업로드하면 형식이 잘못되었다는 메시지가 표시되지만 인터페이스에 "파일 업로드 중"이 표시됩니다.

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://github.com/ant-design/ant-design/issues/4897

ant-design-bot 에 2017년 12월 29일

onChange 의 콜백 메소드에 문제가있어 이렇게 작성할 수 없기 때문입니다.

infeng 에 2017년 12월 29일

문제라고 생각합니다. beforeUpload retrun false, file 콜백의 onChange 개체가 올바른 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일