当前位置: 首页 > 面试题库 >

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

秦渝
2023-03-14
问题内容

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

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

我没有运气尝试过这个:

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

问题答案:

这是 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, ''))
})


 类似资料:
  • 问题内容: 我想从Google Chrome浏览器的文件输入中删除“未选择文件”工具提示(我发现Firefox中没有显示工具提示)。 请注意,我并不是在说输入字段中的文本,而是在将鼠标移到输入上方时出现的工具提示。 我没有运气尝试过这个: 问题答案: 这是 Webkit 浏览器的本机部分,您无法删除它。您应该考虑一种骇人的解决方案,例如 覆盖 或 隐藏 文件输入。 一个 哈克 的解决方案:

  • 问题内容: 我正在上传 音频 文件。 为此,我正在使用。因此,默认情况下,浏览器的“文件选择”对话框仅显示音频文件。但是,我不需要该对话框中的一个名为“所有文件”的选项。 (注意-也欢迎使用Javascript,jQuery和AngularJs的任何解决方案) 如何禁用/删除“所有文件”选项? 问题答案: 我认为这超出了浏览器的范围,并且更多取决于操作系统。但是,不管情况如何,我都不认为这是您应该

  • 问题内容: 是否有机会检测用户为元素类型HTML所做的每个文件选择? 之前曾多次问过这个问题,但是如果用户再次选择相同的文件,通常不会建议该事件。 问题答案: 的值设置到每个事件。即使选择了相同的路径,这也会重置的值并触发事件。 注意:如果文件以’C:\ fakepath'为前缀是正常的。这是一项安全功能,可防止JavaScript知道文件的绝对路径。浏览器仍然内部知道它。

  • 问题内容: 当用户在网页中选择文件时,我希望能够仅提取文件名。 我确实尝试过str.search函数,但是当文件名像这样时似乎失败: c:\ uploads \ ilike.this.file.jpg 。 我们如何仅提取不带扩展名的文件名? 问题答案: 假设您的 < input type =“ file”>具有上 载 ID,则有望实现这一目标:

  • 问题内容: 我正在使用HTML5构建拖放式Web应用程序,并将文件拖放到div上,当然要获取dataTransfer对象,这给了我FileList。 现在,我想删除一些文件,但是我不知道怎么办,或者甚至可能。 最好是我只想从FileList中删除它们;我没有用。但是,如果那不可能,我是否应该在与FileList交互的代码中编写检查代码?那看起来很麻烦。 问题答案: 如果只想删除几个选定的文件,则不

  • 如何从最新提交中删除文件?