如何使用jQuery在没有路径的情况下通过选定的文件名获取文件输入？

任务是使用 jQuery 通过选定的文件名获取文件输入，而不使用路径。要选择文件，我们将使用HTML 。之后，我们将使用 jQuery change() 方法获取文件名。 JQuery 中使用此方法来获取按选定文件名输入的文件。并且HTML 用于指定文件选择字段并添加一个按钮来选择要上传到表单的文件。

句法：

• jQuery change() 方法：

  $(selector).change(function)
  

• HTML <输入类型=“文件”>：

以下示例说明了该方法：

示例 1：在本示例中，我们将使用 change() 方法显示带有扩展名的文件名，并且该文件将由 HTML 选择。

  

    
        How to get the file input by selected file
        name without the path using jQuery?
    
  
    
        h1 {
            color: green;
        }
          
        body {
            text-align: center;
        }
          
        h4 {
            color: purple;
        }
    
    
    

  

     
        GeeksforGeeks 
    
  
     
        How to get the file input by selected
        file name without the path using jQuery? 
    
  
    
    
      
    
        $(document).ready(function() {
            $('input[type="file"]').change(function(e) {
                var geekss = e.target.files[0].name;
                $("h4").text(geekss + ' is the selected file.');
  
            });
        });
    

  
    

输出：

示例 2：在此示例中，我们将通过使用 change() 方法通过警报显示带有扩展名的文件名，并且该文件将由 HTML 选择。

  

    
        How to get the file input by selected file
        name without the path using jQuery?
    
  
    
        h1 {
            color: green;
        }
          
        body {
            text-align: center;
        }
          
        h4 {
            color: purple;
        }
    
    
    

  

     
        GeeksforGeeks 
    
  
     
        How to get the file input by selected
        file name without the path using jQuery? 
    
  
    
    
      
    
        $(document).ready(function(){
            $('input[type="file"]').change(function(e){
                var geekss = e.target.files[0].name;
                alert(geekss + ' is the selected file .');
            });
        });
    

  
    

输出：