jquery清空file内容_使用jQuery清除input type = file /

文章目录

是否可以使用jQuery清除＆lt; input type ='file'/＆gt;控制值？我已经尝试了以下内容：$('#control').attr({ value: '' });

但它不起作用。

简单：在元素周围包装一个＆lt; form＆gt;，调用窗体上的reset，然后使用unwrap()移除窗体。与此线程中的clone()解决方案不同的是，最后会得到相同的元素(包括设置的自定义属性)。

测试并在Opera，Firefox，Safari，Chrome和IE6 +上工作。也适用于其他类型的表单元素，除了type =“hidden”。function resetFormElement(e) {

e.wrap('

').closest('form').get(0).reset();

e.unwrap();

// Prevent form submission

e.stopPropagation();

e.preventDefault();

}

正如下面的Timo所指出的，如果你有按钮来触发＆lt; form＆gt;中字段的重置，你必须在事件上调用preventDefault来防止＆lt;按钮＆gt;触发提交。

Edit

由于一个不固定的错误，在IE 11中不起作用。文本(文件名)在输入上被清除，但是其File列表仍然填充。

快速回答：替换它。

在下面的代码中，我使用replaceWith

jQuery方法替换控制与自己的克隆。如果您有任何处理程序绑定到此控件上的事件，我们也想保留这些。为此，我们传入true作为clone的第一个参数，代码>方法。

Clear

var control = $("#control");

$("#clear").on("click", function () {

control.replaceWith( control = control.clone( true ) );

});

如果在克隆的同时保留事件处理程序，则可能会考虑使用事件委托来处理父元素对此控件的点击：$("form").on("focus", "#control", doStuff);

这样可以防止在刷新控件时需要将任何处理程序与元素一起克隆。

未经作者同意，本文严禁转载，违者必究！