如何從文件輸入中刪除特定圖像？

Question

我正在使用 php 創建產品注冊，並使用 vanilla js 從文件輸入中獲取選定的圖像並在屏幕中預覽它們。 現在我想為用戶提供一種在提交表單之前刪除不需要的圖像的方法。

該表單具有產品標題、描述、價格和類別選擇的圖像和其他輸入。

到目前為止，我已經在很多地方看到人們告訴您可以使用 dataTransfer object 來存儲圖像並從 dataTransfer 中刪除，並且在輸入文件后（=） dataTransfer 但到目前為止我找到的答案都沒有奏效.

有沒有辦法在選擇文件輸入后從文件輸入中刪除圖像？

Answer 1

@CBroe我說的是js中的數據傳輸（ https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer ）。 感謝您的評論。 如果無法從文件輸入的文件列表中刪除文件，我將不得不將這些數據存儲在某處並創建表單的任意提交。

謝謝

Answer 2

@RiggsFolly 用戶單擊文件輸入<input type="file" multiple>並選擇（比方說）4張圖像。 這些圖像由 js 腳本讀取並顯示在屏幕上，作為預覽。 我想在每個圖像頂部提供一個小垃圾圖標，讓用戶能夠刪除特定圖像。

我想知道是否可以從文件輸入中插入的文件中刪除選定的圖像。 然后我會使用文件名作為參考（或任何其他參考）來刪除圖像。 我只是從未找到從輸入文件中刪除文件的方法。