Ant-design: Télécharger le composant: vérifiez les problèmes avant de télécharger avant

Créé le 29 déc. 2017  ·  7Commentaires  ·  Source: ant-design/ant-design

Version

3.0.3

Environnement

win7, chrome63.0.3239.84

Lien de reproduction

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

Étapes à suivre pour reproduire

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

}

Qu'attend-on?

Lors du téléchargement de photos au mauvais format, cela indique que le format est incorrect, mais aucun effet ne s'affiche

Que se passe-t-il réellement?

Lors du téléchargement de photos dans le mauvais format, cela indique que le format est incorrect, mais l'interface affiche "Téléchargement de fichier"

Inactive 🐛 Bug
Source
picture LynnHg

Commentaire le plus utile

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

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

};
De cette façon, le fichier d'erreur ne s'ajoute pas à la fileList.

picture iiiok le 7 mai 2018
👍5 🎉1

Tous les 7 commentaires

Il sera préférable d'écrire votre problème / commentaire en anglais, afin que plus de gens puissent vous comprendre.
Et cela signifie que davantage de personnes peuvent vous aider ou bénéficier de votre problème / commentaire.
Voir: https://github.com/ant-design/ant-design/issues/4897

ant-design-bot picture ant-design-bot le 29 déc. 2017

C'est parce qu'il y a un problème avec la méthode de rappel de onChange , il ne peut pas être écrit comme ceci

infeng picture infeng le 29 déc. 2017

Je pense que c'est un problème, quand beforeUpload retrun false, file objet dans le rappel onChange devrait donner un droit status .

yutingzhao1991 picture yutingzhao1991 le 29 déc. 2017

et si vous utilisez Promise, le rejet ne déclenchera pas onChange , mais le retour faux le fera!

sponialdy picture sponialdy le 2 janv. 2018 
if (!typeOk) {
   message.error('照片格式有误！');
   return false
} 
if (!sizeOk) {
    message.error('照片大小超过300K！');
    return false
}
return true;
Cecilxx picture Cecilxx le 4 janv. 2018

Duplicata de # 8020

afc163 picture afc163 le 11 févr. 2018

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

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

};
De cette façon, le fichier d'erreur ne s'ajoute pas à la fileList.

iiiok picture iiiok le 7 mai 2018
👍5 🎉1
Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

AhmedSayed77 picture AhmedSayed77  ·  3Commentaires
longhuasishen picture longhuasishen  ·  3Commentaires
plandem picture plandem  ·  3Commentaires
drcmda picture drcmda  ·  3Commentaires
zhangchen2397 picture zhangchen2397  ·  3Commentaires