How to fire event on file select in jQuery

  261 views   3 months ago 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">
<head>
<meta charset="utf-8">
<title>jQuery Fire Event on File Select</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
    $(document).ready(function(){
        $("#myInput").change(function(){
            alert("A file has been selected.");
        });
    });
</script>
</head>
<body>
    <form>
        <input type="file" id="myInput">
    </form>
</body>
</html>

 

Author : Harsukh Makwana
Harsukh Makwana

Hi, My name is Harsukh Makwana. i have been work with many programming language like php, python, javascript, node, react, anguler, etc.. since last 5 year. if you have any issue or want me hire then contact me on harsukh21@gmail.com

Related Articles