stackoom
  简体   繁体   中英

How do I run JS code when a user uploads files?

 原文  2022-12-23 14:36:20  5   1    javascript/ html

Question

I want the message You uploaded a file! to pop up after I select a file.

<html>
    <head>
        <script type="text/javascript">
            $(document).ready(function() {
                $("#uploadme").click(function() {
                    alert("You uploaded a file!")
                });
            });
        </script>
    </head>
    <body>
        <input type="file" id="uploadme"/>
    </body>
</html>

Please consider adding a comment if you think this post can be improved.

1 answers

solution1
 0  2022-12-23 14:55:44

I managed to solve this problem using a listener.

<input type="file" id="uploadme">
<script>
  const fileSelector = document.getElementById('uploadme');
  fileSelector.addEventListener('change', (event) => {
    alert('You uploaded a file!')
  });
</script>

暂无
暂无

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

Related Question how do I run code when a user logs into linux? How do I run PHP code when a user clicks on a link? How do I make Express JS run code when when subadress is ajax queried What JavaScript code do I run when the user closes the tab? How do I run a PHP code when user submit data with html Run JS code when user finished typing node.js and Cygein for windows, how do I run code? How do I reference code in dynamically added js files? How do I prevent 2 js files to be overwrite in my HTML code? How do i run a function when user leave page
Related Tags
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM