如何使用 JavaScript/jQuery 重置输入类型 = “文件”？

查询：

• 在 jquery 中使用 wrap 方法：
  重置输入类型=文件的最佳方法是重置整个表单。将包装到
  标记中并重置表单：
  示例 1：
  

html

 

    reset input type = “file”
    
    
 
    
    
        $(document).ready(function() {
            $('#resetbtn').on('click', function(e) {
                var $el = $('#infileid');
                $el.wrap('<form>').closest(
                  'form').get(0).reset();
                $el.unwrap();
            });
        });
    

 

    
        GeeksforGeeks
        
            
                File
                
            
            
                
                  Reset file
              
            
        
    

 

• 输出：
  前：
  

• 后：
  

• 使用file.value = ”：
  重置输入的最简单方法是不更改填充值。此方法适用于所有浏览器。
  示例 2：
  

HTML

 

    
        reset input type = “file”
    
    
    
 
    
    
        function resetFile() {
            const file =
                document.querySelector('.file');
            file.value = '';
        }
    

 

    
        
    GeeksforGeeks
  
        
        
            Reset file
        
    

 

• 输出：
  前：
  

• 后：
  

• 在 jquery 中使用 wrap 方法：
  将包装到
  标记中并重置表单：
  示例 3：
  

html

 

    
 

 

    
        

          GeeksforGeeks
      
        
            

                File
                
            
            

                
                  Reset file
              
            
        
    

 

• 输出：
  前：
  

• 后：