试试这个简单的方法，它会奏效的

let input = elem.querySelector('input[type="file"]');
input.outerHTML=input.outerHTML;

这将重置输入

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

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

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

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

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

优点:

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

结果: 快乐的程序员

解决方案

下面的代码是用jQuery编写的。它适用于所有浏览器，并允许保存事件和自定义属性。

var $el = $('#your-input-id');
$el.wrap('<form>').closest('form').get(0).reset();
$el.unwrap();

DEMO

有关代码和演示，请参阅jsFiddle。

链接

使用jQuery清除<input type='file' /> 如何用JavaScript重置文件输入

document.getElementById('your_input_id').value=''

编辑: 这个选项不能在IE和opera中运行，但似乎可以在firefox、safari和chrome中运行。

这对我很管用。

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

不幸的是，上面的答案似乎没有一个涵盖所有的基础——至少在我用普通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"));