How to fire event on file select in jQuery


Use the jQuery change() method

You can simply use the jQuery change() method to fire an event to do something when the user select any file using the HTML file <input> type box.

Let's try out an example to understand how this method basically works:

<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>jQuery Fire Event on File Select</title>
<script src=""></script>
            alert("A file has been selected.");
        <input type="file" id="myInput">