如何从Chrome中输入的文件中删除“未选择文件”工具提示？

小编典典

如何从Chrome中输入的文件中删除“未选择文件”工具提示？

css

我想从Google Chrome浏览器的文件输入中删除“未选择文件”工具提示（我发现Firefox中没有显示工具提示）。

请注意，我并不是在说输入字段中的文本，而是在将鼠标移到输入上方时出现的工具提示。

我没有运气尝试过这个：

$('#myFileInput').attr('title', '');

阅读 303

2020-05-16

共1个答案

小编典典

这是 Webkit 浏览器的本机部分，您无法删除它。您应该考虑一种骇人的解决方案，例如覆盖或隐藏文件输入。

一个哈克的解决方案：

input[type='file'] {
  opacity:0    
}



<div>
    <input type='file'/>
    <span id='val'></span>
    <span id='button'>Select File</span>
</div>



$('#button').click(function(){
   $("input[type='file']").trigger('click');
})

$("input[type='file']").change(function(){
   $('#val').text(this.value.replace(/C:\\fakepath\\/i, ''))
})

2020-05-16