这对我很管用。

const clear = (event) =>{event.target.value = [ ];}
clear("input_id"); 

上述答案提供了一些笨拙的解决方案，原因如下:

我不喜欢必须先包装输入，然后得到html，这是非常复杂和肮脏的。 跨浏览器JS很方便，似乎在这种情况下，有太多的未知可靠地使用类型切换(这，再次，有点脏)和设置值为“

因此，我为您提供了基于jQuery的解决方案:

$('#myinput').replaceWith($('#myinput').clone())

它说什么就做什么，它用自己的克隆来替换输入。克隆文件不会被选中。

优点:

简单易懂的代码 没有笨拙的包装或类型切换 跨浏览器兼容性(如果我说错了请指正)

结果: 快乐的程序员

tl;dr:对于现代浏览器，使用即可

输入。Value = "或输入。Value = null;

旧的回答:

如何:

input.type = "text";
input.type = "file";

我仍然要理解为什么这不能与webkit工作。

无论如何，这适用于IE9>， Firefox和Opera。 webkit的情况是，我似乎无法将其更改回文件。 在IE8中，情况是它抛出一个安全异常。

编辑: 对于webkit, Opera和firefox，这是有效的:

input.value = '';

(用这个建议核对上面的答案)

我将看看是否能找到一种更好、更干净的方法来跨浏览器执行此操作，而不需要GC。

Edit2:

try{
    inputs[i].value = '';
    if(inputs[i].value){
        inputs[i].type = "text";
        inputs[i].type = "file";
    }
}catch(e){}

适用于大多数浏览器。不工作与IE < 9，这是全部。 在firefox 20, chrome 24, opera 12, IE7, IE8, IE9和IE10上测试。

我尝试了大多数的解决方案，但似乎没有人工作。然而，我在下面找到了一个散步的地方。

表单的结构是:form =>标签，输入和提交按钮。在我们选择了一个文件之后，该文件名将通过在JavaScript中手动执行的操作由标签显示。

所以我的策略是:最初提交按钮是禁用的，在文件被选中后，提交按钮禁用属性将被移除，这样我就可以提交文件了。提交后，我清除了标签，这使它看起来像是我清除了文件输入，但实际上不是。然后我将再次禁用提交按钮，以防止提交表单。

通过将提交按钮设置为禁用或不禁用，我可以多次停止提交文件，除非我选择另一个文件。

不幸的是，上面的答案似乎没有一个涵盖所有的基础——至少在我用普通javascript进行的测试中没有。

.value = null似乎在FireFox, Chome, Opera和IE11(但不是IE8/9/10)上工作 FireFox上的. clonenode(和jQuery中的.clone())似乎复制了.value，因此使克隆毫无意义。

所以这里是我写的香草javascript函数，它可以在FireFox(27和28)，Chrome (33)， IE (8, 9, 10, 11)， Opera(17)…这些是目前可供我测试的唯一浏览器。

function clearFileInput(ctrl) {
  try {
    ctrl.value = null;
  } catch(ex) { }
  if (ctrl.value) {
    ctrl.parentNode.replaceChild(ctrl.cloneNode(true), ctrl);
  }
}

ctrl参数是文件输入本身，因此该函数将被调用为…

clearFileInput(document.getElementById("myFileInput"));

这是我的两分钱，输入文件存储为数组，这里是如何将其为空

document.getElementById('selector').value = []

返回一个空数组，适用于所有浏览器