如何取消文件上传HTML？

Question

我在input使用了type="file"元素 我想取消我选择的东西的选择。

我尝试使用

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

但它仅适用于Firefox。

有没有人有适用于IE和Chrome的解决方案？ 请不要JQuery。

Answer 1

这适用于jsFiddle

• Google Chrome 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;
})

它很脏，因为它不起作用。