如何從輸入類型=「文件」中刪除一個，兩個文件多個？

Question

<input 
    type="file" 
    id="fileElem" 
    multiple 
    accept="image/*" 
    style="display:none" 
    onchange="handleFiles(this.files)"> 

<a href="#" id="fileSelect">Select some files</a> 

<div id="fileList"> 
    <p>No files selected!</p> 
</div> 

當我選擇5個文件：如何動態刪除其中的一些？

我知道如何清除所有文件How can I clear an HTML file input with JavaScript?

Answer 1

$("#fileElem")[0].files是一個只讀數組。

你可以通過將這些文件推入一個單獨的數組來解決這個問題。然後，您可以使用該策劃的文件列表執行任何您想要的操作。如果將其上傳到服務器是目標，則可以使用FileReader API。

下面是完全避免需要修改FileList的方法。步驟：

1. 通過從改變事件，過濾器的每個文件添加正常的文件輸入變化事件監聽器
2. 迴路的期望驗證
3. 推送有效的文件到單獨的數組
4. 使用FileReader API在本地讀取文件
5. 將有效的處理文件提交給服務器