使用 JavaScript 从文件输入中删除 Chrome 的“未选择文件选项”

任务是从 chrome 中的空输入元素中删除“未选择文件”值。我们将在 JavaScript 的帮助下完成这项任务。

方法一：

• 删除工具提示值（“未选择文件”）。
• 使用.attr() 方法将 title 属性的值设置为空。

示例 1：此示例删除工具提示值。

  

    
        Remove the “No file chosen” from a file input in Chrome?
    
    
    

  

      
            GeeksForGeeks  
        
    
    
    
        
    
    
    
        Remove tooltip
    
    
    
    
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
        el_up.innerHTML = 
"Click on the button to remove the tooltip value '" + 
          "No file is chosen.'";
  
        function gfg_Run() {
            $('input').attr('title', '');
            el_down.innerHTML = 
              "Tooltip value has been removed.";
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

方法二：

• 删除值（“未选择文件”）。
• 使用.addClass() 方法添加删除值“未选择文件”的类。

示例 2：此示例从输入元素中删除值“未选择文件”。

  

    
        Remove the “No file chosen” from a file input in Chrome?
    
    
        .removeValue {
            color: transparent;
        }
    
    
    

  

      
            GeeksForGeeks  
        
    
    
    
        
    
    
    
        Remove value
    
    
    
    
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
        el_up.innerHTML = 
          "Click on the button to remove the value '" + 
          "No file is chosen.'";
  
        function gfg_Run() {
            $('input').addClass('removeValue');
            el_down.innerHTML = "Value has been removed.";
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：