javascript - 如何清除jquery中的输入文件字段？

Question

在 jquery 中，我试图清除一个字段，但如果这样做，它会引发错误。它确实使该字段变空，但也会引发错误。我该如何解决这个问题？

谢谢

HTML

<input name="file" type="file" accept="image/*">

JS

var input = $("#profile-edit-form").find("input[name=file]");
var fileName = input.val();

if(fileName) { // returns true if the string is not empty
    input.replaceWith(input.val('').clone(true));
}

错误

NotFoundError: Node was not found                  
-jquery.min.js:3:0

Answer 1

为什么要尝试进行克隆？

只要这样做就可以清除该字段:

input.val('');

这里有一个 fiddle 来演示:

http://jsfiddle.net/kcbc701c/

编辑:

是的，在较旧的浏览器中上述内容可能存在问题，值得测试，但对我来说，它在现代浏览器中有效，而您所说的另一个选项在 Firefox 中不起作用...

这是两者的 fiddle ，以便您可以测试:http://jsfiddle.net/frrc7bLy/