我有一個輸入多個欄位。我想上傳多個檔案。我的問題是我想從中回傳一個陣列。
<input
id="file"
type="file"
accept="image/*"
multiple
onChange={(e) => uploadImage(e.currentTarget.files)}
/>;
const uploadImage = (e) => {
const files = e;
Array.from(files).forEach((file) => console.log(file));
const images = files.map((image) => ({
imageName: image.name,
imageFile: image,
}));
console.log(images);
};
uj5u.com熱心網友回復：
...回傳陣列（在日志中）..：
const uploadImage = (e) => {
if(!e) return;
const files = e;
const fileList = Array.from(files);
fileList.forEach((file) => console.log(file));
const images = fileList.map((image) => ({
imageName: image.name,
imageFile: image,
}));
console.log(images);
};
return (
<>
<input
id="file"
type="file"
accept="image/*"
multiple
onChange={(e) => uploadImage(e.currentTarget.files)}
/>;
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/346284.html
標籤：javascript 数组 反应 ecmascript-6