HTML file input event listener not firing when removing selected file path

Question

So I have a input type="file" in my html and a change EventListener which works properly. I now added a remove button which basically works like this:

function removeFile(){
                            document.getElementById("fileinput").value = "";
                        }

Simply setting the value of the file input to an empty string. But this does not trigger the event listener. How can I make this work?

Thanks, Johannes

Does this answer your question? [How to trigger event in JavaScript?](https://stackoverflow.com/questions/2490825/how-to-trigger-event-in-javascript) — Unbranded Manchester, Jun 24 '20 at 12:43
Can you show how your are binding this function to the button? — AKT, Jun 24 '20 at 12:44

score 0 · Answer 1 · answered Jun 24 '20 at 12:45

0

run ok

function removeFile(){
                            document.getElementById("fileinput").value = "";
                        }
                        
  document.querySelector('#btn1').addEventListener('click', function(){
    removeFile()
  })

<input type="file" name="" id="fileinput">
<button onclick="removeFile()">removeFile</button>
<button id="btn1">removeFile</button>

answered Jun 24 '20 at 12:45

ebyte

1,469
2
17
32

This doesn't solve my problem of the event not triggering, I just tried your code. – Johannes Jun 24 '20 at 13:14

HTML file input event listener not firing when removing selected file path

1 Answers1