如何在 jQuery 中获取输入文件的大小？

任务是在用户使用 JQuery 上传文件时获取文件大小。

方法：

• 显示文本从系统中选择文件以在屏幕上获取文件大小。
• 单击浏览按钮以选择上传文件。
• 选择文件后，调用显示所选文件大小的函数。
• 该函数使用file.size方法以字节为单位显示文件大小。

示例 1：此示例向 input[type=file] 元素添加一个事件，当用户上传文件时，文件的大小会打印在屏幕上。

  

    
        How to get the input file size in jQuery ?
    
      
    
    

  

      
     
        GeeksforGeeks 
    
      
    
    
      
    
      
    
      
    
    
      
    
        $('#GFG_UP').text("Choose file from system to get the fileSize");
        $('#File').on('change', function() {
            $('#GFG_DOWN').text(this.files[0].size + "bytes");
        });
    

  
                    

输出：

• 选择文件之前：
  
• 选择文件后：
  

示例 2：此示例向 input[type=file] 元素添加一个事件，当用户上传文件时，文件的大小会打印在屏幕上。此示例允许用户上传小于 2MB 的文件。

  

    
        How to get the input file size in jQuery ?
    
      
    
    

  

     
        GeeksforGeeks 
    
      
    
    
      
    
      
    
      
    
    
      
    
        $('#GFG_UP').text("Choose file from system to get the fileSize");
        $('#File').on('change', function() {
            if (this.files[0].size > 2097152) {
                alert("Try to upload file less than 2MB!");
            } else {
                $('#GFG_DOWN').text(this.files[0].size + "bytes");
            }
        });
    

  
                    

输出：

• 选择文件之前：
  
• 选择文件后（大小>2MB）：