如何使用 jQuery 在文件选择上触发事件？

给定一个 HTML 文档和使用 jQuery 选择文件时触发事件的任务。 JQuery change() 方法用于在选择文件时触发事件。

使用 change() 方法：用于更改输入字段的值。此方法适用于“输入、文本区域和选择”元素。

句法：

$(selector).change(function)

示例 1： change() 方法用于在选择文件时触发事件。

  

    
        How to fire event on
        file select in jQuery?
    
      
    
    

  

      
     
        GeeksForGeeks 
     
      
    
        How to fire event on file
        select in jQuery?
    
      
    Click on button to select the file
      
    
      
    
        $(document).ready(function() {
            $('input[type="file"]').change(function() {
                alert("A file has been selected.");
            });
        });
    

  

输出：

示例 2： change() 方法用于在选择文件时触发事件。

  

    
        How to fire event on
        file select in jQuery?
    
      
    
    

  

      
     
        GeeksForGeeks 
     
      
    How to fire event on file select in jQuery?
      
    Click on button to select the file
      
    
      
    
      
    
        $(document).ready(function(){
            $('input[type="file"]').change(function(){
                $("h4").text("File is added!");
            });
        });
    

  

输出：