如何取消文件上傳html？

Question

我正在使用input元素，type="file" 我想取消選擇我選擇的內容。

我嘗試使用

document.getElementById("pic1").value=""; 
document.getElementById("pic1").src=""; 

但它只能在Firefox瀏覽器。

有沒有人有解決方案，在IE和Chrome的作品？ 請不要JQuery。

Answer 1

這個作品在jsFiddle

• 谷歌瀏覽器29

的JavaScript：

$("#cancel").click(function(){ 
document.getElementById("test").value = ""; 
}) 

這裏有一個類似的問題：Clearing file input box in Internet Explorer

它只能在IE8以上版本中使用，因此您無法清除它。圍繞此安全特性的最簡單的方法是用副本替換元素。

這裏是從同一個問題一個骯髒的解決問題的方法jsFiddle：

的JavaScript：

$("#cancel").click(function() { 
    document.getElementById('test').parentNode.innerHTML = document.getElementById('test').parentNode.innerHTML; 
}) 

這是骯髒的，因爲它不應該工作。