Ant-design: Unggah komponen: beforeUpload periksa masalah sebelum mengunggah
Versi: kapan
3.0.3
Lingkungan Hidup
win7, chrome63.0.3239.84
Tautan reproduksi
https://codepen.io/LynnHg/pen/YYZdRV
Langkah-langkah untuk mereproduksi
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;
}
Apa yang diharapkan?
Saat mengunggah foto dalam format yang salah, ini menunjukkan bahwa formatnya salah, tetapi tidak ada efek yang ditampilkan
Apa yang sebenarnya terjadi?
Saat mengunggah foto dalam format yang salah, ini menunjukkan bahwa formatnya salah, tetapi antarmuka menunjukkan "Mengunggah file"
LynnHg
Semua 7 komentar
Akan lebih baik jika Anda menulis masalah / komentar Anda dalam bahasa Inggris, sehingga lebih banyak orang yang dapat memahami Anda.
Dan ini berarti lebih banyak orang dapat membantu Anda atau mendapatkan keuntungan dari masalah / komentar Anda.
Lihat: https://github.com/ant-design/ant-design/issues/4897
ant-design-bot
pada 29 Des 2017
Ini karena ada masalah dengan metode callback onChange , tidak bisa ditulis seperti ini
infeng
pada 29 Des 2017
Saya pikir itu masalah, Ketika beforeUpload retun false, file objek di callback onChange harus memberikan hak status .
yutingzhao1991
pada 29 Des 2017
dan jika menggunakan Promise, reject tidak akan memicu onChange , tetapi return false tidak!
sponialdy
pada 2 Jan 2018
if (!typeOk) {
message.error('照片格式有误！');
return false
}
if (!sizeOk) {
message.error('照片大小超过300K！');
return false
}
return true;
Cecilxx
pada 4 Jan 2018
Duplikat # 8020
afc163
pada 11 Feb 2018
beforeUpload (file) {
const maxFileSize = 2;
const isLtMax = file.size / 1024/1024 <maxFileSize;
return new Promise((resolve, reject) => {
if(!isLtMax) {
reject(file);
} else {
resolve(file);
}
});
};
Cara ini akan mencegah penambahan file kesalahan ke fileList.
iiiok
pada 7 Mei 2018
Masalah terkait
kevyu
·
3Komentar
ericdai
·
3Komentar
xtznhzxdev
·
3Komentar
shivekkhurana
·
3Komentar
PeteAndersen
·
3Komentar
Komentar yang paling membantu
beforeUpload (file) {
const maxFileSize = 2;
const isLtMax = file.size / 1024/1024 <maxFileSize;
};
Cara ini akan mencegah penambahan file kesalahan ke fileList.