在用Javascript上傳之前刪除選定的文件

假設我有一個表單，允許用戶上傳多個圖像，如果他們不想上傳該特定照片，則會添加一個選項以將其刪除。在用Javascript上傳之前刪除選定的文件

是否可以從它們刪除的文件對象（例如，不想上傳）中刪除值？

2012-02-18 bob_cobb

你嘗試刪除''？當然，如果您的表單由一組標準文件輸入組成。 – Cheery 2012-02-18 04:13:23

[如何從輸入文件控制中刪除一個特定的選定文件]可能的重複（https://stackoverflow.com/questions/19060378/how-to-remove-one-specific-selected-file-from-input-file-控制） – Endless 2017-12-09 12:57:34

文件清單沒有API來刪除條目：

https://developer.mozilla.org/en/DOM/FileList

但是，您可以使用重建和XHR2 AJAX過濾器在內容文件上傳和那裏。這意味着要做XHR2和AJAX上傳，並不適用於傳統的<form>上傳。

https://developer.mozilla.org/en/Using_files_from_web_applications

來源

2012-02-18 01:52:46

如果您使用的是標準形式與一組標準文件輸入，那麼你可以做這樣的http://jsfiddle.net/thXre/

$(document).ready(function(){ 
    $('.remove').click(function(){ 
     $(this).closest('div').slideUp('slow', function(){$(this).remove();}); 
    });   
});

和HTML代碼：

<div> 
<input type='file' name='files[]'> <img src='x.gif' class='remove'> 
</div> 
<div> 
<input type='file' name='files[]'> <img src='x.gif' class='remove'> 
</div> 
<div> 
<input type='file' name='files[]'> <img src='x.gif' class='remove'> 
</div>

來源

2012-02-18 04:23:25 Cheery

謝謝，我知道如何刪除實際的元素，但是它將它們從包含在我感興趣的上載中的FileList中刪除。 – 2012-02-18 05:53:38

庫在我們獲得一些標準API之前，你是最好的選擇...

FineUploader。 Demo。具有文件刪除，圖像預覽，文件重命名。
bluimp's jQuery File Upload Plugin。 Demo。具有文件刪除，圖片預覽，個人文件上傳，上傳撤消。

他們也可以在https://cdnjs.com/

來源

2014-11-08 08:50:58

2年後... FileList仍然沒有以任何形式或形式支持刪除其API中的條目。 – 2014-11-09 05:23:17

@bob_cobb這是一個悲傷的未來=） – 2014-11-09 06:59:54

未來在這裏，仍然在尋找一種合適的方式來刪除文件─似乎還沒有。 – jbalintac 2017-03-27 14:17:00

在用Javascript上傳之前刪除選定的文件

回答

相關問題