如何重置<input type = "file">

我正在用VS2012和Javascript开发一个地铁应用程序

我想重置我的文件输入的内容:

<input type="file" id="uploadCaptureInputFile" class="win-content colors" accept="image/*" />

我该怎么做呢?

当前回答

这是最好的解决方案:

input.value = ''

if(!/safari/i.test(navigator.userAgent)){
  input.type = ''
  input.type = 'file'
}

在所有的答案中这是最快的解。没有输入克隆，没有窗体重置!

我在所有浏览器中都检查了它(它甚至支持IE8)。

其他回答

你不能重置，因为它是一个只读文件。你可以克隆它来解决这个问题。

这是最好的解决方案:

input.value = ''

if(!/safari/i.test(navigator.userAgent)){
  input.type = ''
  input.type = 'file'
}

在所有的答案中这是最快的解。没有输入克隆，没有窗体重置!

我在所有浏览器中都检查了它(它甚至支持IE8)。

我的最佳解决方案

$(".file_uplaod_input").val('');  // this is working best ):

你需要将<input type = " file " >包装成<form>标签，然后你可以通过重置你的表单来重置输入:

onClick="this.form.reset()"

var fileInput = $('#uploadCaptureInputFile');
fileInput.replaceWith(fileInput.val('').clone(true));

推荐文章