Remove input type file in IE10 not works

Question

This was discussed a lot, but all of these solutions not work:

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

Nor this: document.getElementById("getFile").value = "";

When console.log after using one of this - it prints the value of last file attached. Also cloning not works, although remove the input value.

I want to trigger the event "change" when the user uses the same file after removing. The problem is thatthe value of the input is the last file uploaded.

You specifically mentioned IE10 - does it work in other browsers? — freedomn-m, Mar 01 '18 at 08:35
Possible duplicate of [Clearing using jQuery](https://stackoverflow.com/questions/1043957/clearing-input-type-file-using-jquery) — freedomn-m, Mar 01 '18 at 08:36

score 0 · Answer 1 · answered Mar 01 '18 at 08:14

0

why not just track the value with another variable and do an if statement? Like var lastUpload = document.getElementById("getFile").value;

then

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

answered Mar 01 '18 at 08:14

Rumba

181
1
2
9

It still not work because the file input not "changes" – Eyal Segal Mar 01 '18 at 08:24
why not just do @EyalSegal `addEventListener("click", function() { document.getElementById("getFile").value = ""; });` – Rumba Mar 02 '18 at 16:53

score 0 · Answer 2 · answered Mar 01 '18 at 09:34

0

I think this is only possible if you can reset the form as well, see below:

 <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>

And JS:

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

answered Mar 01 '18 at 09:34

Hanif

3,739
1
12
18

yes! thank you! (but also using "click" event instead, or - although this is not necessary - use settimeout) – Eyal Segal Mar 04 '18 at 06:12

Remove input type file in IE10 not works

2 Answers2