HTML input file selection event not firing upon selecting the same file

by

Set the value of the input to null on each onclick event. This will reset the input‘s value and trigger the onchange event even if the same path is selected.

var input = document.getElementsByTagName('input')[0];

input.onclick = function () {
  this.value = null;
};
  
input.onchange = function () {
  console.log(this.value);
};
<input type="file" value="C:\fakepath">

Note: It’s normal if your file is prefixed with ‘C:\fakepath’. That’s a security feature preventing JavaScript from knowing the file’s absolute path. The browser still knows it internally.

More Related Contents:

  1. html form that passes information to a variable in javascript [closed]
  2. Submit form without page reloading
  3. Submit two forms with one button
  4. JavaScript Form Submit – Confirm or Cancel Submission Dialog Box
  5. Document.write clears page
  6. How can I capture the right-click event in JavaScript? [duplicate]
  7. Is there an onSelect event or equivalent for HTML ?
  8. How do I capture response of form.submit
  9. How can I set the form action through JavaScript?
  10. How to send a JSON object using html form data
  11. How to submit an HTML form without redirection
  12. passing form data to another HTML page
  13. Adding an onclick event to a table row
  14. Understanding HTML Form Element behavior
  15. Onclick javascript to make browser go back to previous page?
  16. Jquery Event won’t fire after ajax call
  17. Open popup and refresh parent page on close popup
  18. Stop an input field in a form from being submitted
  19. Want HTML form submit to do nothing
  20. Checkbox Check Event Listener
  21. Change ‘s option and trigger events with JavaScript
  22. How do you detect the clearing of a “search” HTML5 input?
  23. Enable/Disable submit button if checkbox is checked/unchecked?
  24. Trigger autocomplete without submitting a form
  25. submit event does not fire if submit initiated programmatically
  26. How best to make a link submit a form
  27. How to execute code in a javascript append
  28. HTML form input tag name element array with JavaScript
  29. Are dynamically inserted tags meant to work?
  30. Display Spreadsheet Data to HTML Table

Leave a Comment