Ant-design: Componente de carga: compruebe si hay problemas antes de cargar antes de cargar
Versión
3.0.3
Medio ambiente
win7, cromo63.0.3239.84
Enlace de reproducción
https://codepen.io/LynnHg/pen/YYZdRV
pasos para reproducir
handleBeforeUpload (archivo) {
const sizeOk = file.size <1024 * 300;
const typeOk =
file.type === 'imagen / jpeg' ||
file.type === 'imagen / png' ||
file.type === 'imagen / bmp' ||
file.type === 'imagen / gif';
if (!typeOk) {
message.error('照片格式有误！');
} else {
if (!sizeOk) {
message.error('照片大小超过300K！');
}
}
return sizeOk && typeOk;
}
¿Lo que es esperado?
Al cargar fotos en el formato incorrecto, indica que el formato es incorrecto, pero no se muestra ningún efecto
¿Qué está pasando realmente?
Al cargar fotos en el formato incorrecto, indica que el formato es incorrecto, pero la interfaz muestra "Carga de archivo"
LynnHg
Todos 7 comentarios
Será mejor que escriba su problema / comentario en inglés, para que más personas puedan entenderlo.
Y esto significa que más personas pueden ayudarlo o beneficiarse de su problema / comentario.
Ver: https://github.com/ant-design/ant-design/issues/4897
ant-design-bot
en 29 dic. 2017
Esto se debe a que hay un problema con el método de devolución de llamada de onChange , no se puede escribir así
infeng
en 29 dic. 2017
Creo que es un problema, cuando beforeUpload retrun falso, file objeto en la devolución de llamada onChange debería dar un status correcto.
yutingzhao1991
en 29 dic. 2017
y si usa Promise, el rechazo no activará onChange , ¡pero devolver falso sí!
sponialdy
en 2 ene. 2018
if (!typeOk) {
message.error('照片格式有误！');
return false
}
if (!sizeOk) {
message.error('照片大小超过300K！');
return false
}
return true;
Cecilxx
en 4 ene. 2018
Duplicado de # 8020
afc163
en 11 feb. 2018
beforeUpload (archivo) {
const maxFileSize = 2;
const isLtMax = file.size / 1024/1024 <maxFileSize;
return new Promise((resolve, reject) => {
if(!isLtMax) {
reject(file);
} else {
resolve(file);
}
});
};
De esta forma evitará que el archivo de error se agregue a fileList.
iiiok
en 7 may. 2018
Temas relacionados
kevyu
·
3Comentarios
PeteAndersen
·
3Comentarios
yangbin1994
·
3Comentarios
ryannealmes
·
3Comentarios
mineralres
·
3Comentarios
Comentario más útil
beforeUpload (archivo) {
const maxFileSize = 2;
const isLtMax = file.size / 1024/1024 <maxFileSize;
};
De esta forma evitará que el archivo de error se agregue a fileList.