亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何將多個文件輸入附加到formData?

如何將多個文件輸入附加到formData?

慕婉清6462132 2022-10-21 15:11:21
我有一個基本的多個文件輸入。選擇一個或幾個圖像時,我觸發uploadImages功能。此函數返回一個錯誤,因為我似乎無法遍歷我的文件以將它們附加到 formData:錯誤類型錯誤:files.forEach 不是函數這里的錯誤在哪里?<input        type="file"        accept="image/png, image/jpeg"        placeholder="upload"        multiple        onChange={(e) => uploadImages(e.target.files, 3)}      />      export async function uploadImages(files, userid) {  try {    const images = new FormData();    if (files && files.length > 0) {      files.forEach((file) => images.append("image", file));    }    const res = await ax.post(      process.env.SERVER_URL + "/upload-images",      images,      userid    );    return console.log("success", res);  } catch (err) {    console.log("error", err);  }}
查看完整描述

1 回答

?
胡說叔叔

TA貢獻1804條經驗 獲得超8個贊

現在,HTMLInputElement.files返回 aFileList而不是Array. 這意味著您不能在其上使用數組方法。將來,這可能會更改為擴展Array.

您可以使用

files = [...files]

在函數開始時將 轉換FileListArray.


查看完整回答
反對 回復 2022-10-21
  • 1 回答
  • 0 關注
  • 137 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號