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

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

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

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

我该怎么做呢?

当前回答

我在这里错过了另一个解决方案(2021年): 我使用FileList与文件输入交互。

因为没有办法创建FileList对象，所以我使用DataTransfer，它带来了干净的FilleList。

我用:

  file_input.files=new DataTransfer().files

在我的例子中，这非常适合，因为我只通过FileList与封装的文件输入元素进行交互。

其他回答

我用来做vuejs

   <input
          type="file"
          ref="fileref"
          @change="onChange"/>

this.$refs.fileref.value = ''

如果你有以下情况:

<input type="file" id="fileControl">

然后就这样做:

$("#fileControl").val('');

重置文件控件。

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

onClick="this.form.reset()"

我的最佳解决方案

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

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

推荐文章