How to watch HTML input file selection event with JavaScript?

Sometimes, we want to watch HTML input file selection event with JavaScript.

In this article, we’ll look at how to watch HTML input file selection event with JavaScript.

How to watch HTML input file selection event with JavaScript?

To watch HTML input file selection event with JavaScript, we can set the input’s onchange property to a function that runs when we select files.

For instance, we write

input.onchange = (e) => {
  //..
};

to set input.onchange to a function that runs when the file input’s file selection is changed.

Conclusion

To watch HTML input file selection event with JavaScript, we can set the input’s onchange property to a function that runs when we select files.