Sometimes, we want to fix HTML input file selection event not firing upon selecting the same file with JavaScript.
In this article, we’ll look at how to fix HTML input file selection event not firing upon selecting the same file with JavaScript.
How to fix HTML input file selection event not firing upon selecting the same file with JavaScript?
To fix HTML input file selection event not firing upon selecting the same file with JavaScript, we set its value
to null
when it’s clicked.
For instance, we write
const input = document.querySelector("input");
input.onclick = (e) => {
e.target.value = null;
};
input.onchange = (e) => {
console.log(e.target.value);
};
to select the file input with querySelector
.
Then we set input.onclick
to a function that sets the file input’s value to null
with e.target.value = null;
.
Then when we select the same file, we should see the file value logged in input.onchange
.
Conclusion
To fix HTML input file selection event not firing upon selecting the same file with JavaScript, we set its value
to null
when it’s clicked.