我有這個用于檔案上傳的輸入欄位：
<input onchange="getFiles()" type="file" name='files[]' id="customFile" multiple />
單擊時，我可以選擇多個檔案進行上傳。Onchange 函式 getFiles 啟動：
function getFiles() {
console.log( $('#customFile').get(0).files )
}
這向我展示了這個結果：
這是我的兩個示例檔案。但是，如果我忘記了要上傳的檔案，則可以使用新的上傳程序添加此檔案。問題是，如果我再次單擊我的上傳欄位并選擇忘記的檔案，它將覆寫其他 2 個選定的檔案。
在我的“FileList”中只會是最后一個選擇。有沒有辦法添加一個檔案而不是再次選擇所有 3 個檔案進行上傳？
uj5u.com熱心網友回復：
您可能希望將以前上傳的檔案保存在本地陣列中，并在“getFiles”事件處理程式中推送到它。像這樣的東西：
const uploadedFiles = [];
function getFiles() {
uploadedFiles.push(...$('#customFile').get(0).files);
}
使用“this” con 參考檔案輸入也可能是一個好主意
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/371608.html
標籤：javascript html 查询
上一篇：無法決議com.huawei.agconnect:agcp:1.6.0.300
下一篇：收音機并選擇帶有警報的選項