删除IE10中的输入类型文件不起作用

Posted 2021-05-06

这已经讨论了很多，但所有这些解决方案都不起作用：

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

也不是：document.getElementById（“getFile”）。value =“”;

当使用其中一个后的console.log时 - 它会打印附加的最后一个文件的值。克隆不起作用，虽然删除了输入值。

当用户在删除后使用相同的文件时，我想触发事件“更改”。问题是输入的值是上传的最后一个文件。

答案

为什么不跟踪另一个变量的值并执行if语句？像var lastUpload = document.getElementById("getFile").value;

然后

addEventListener("change", function() {
  if(lastUpload === document.getElementById("getFile").value) {
    ...
  }
);

另一答案

我认为这只有在你可以重置表格的情况下才有可能，见下文：

 <form action="#" id="form">
     <label>Choose File: </label> <input type="file" name="getFile" id="getFile" /><br />
     <button type="button" onClick="removeFileName()">Clear File</button>
 </form>

和JS：

function removeFileName(){
    form.reset();
    var field = document.getElementById("getFile");
    console.log(field.value);
}