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

替换html中的文件浏览按钮的最佳方法是什么?

齐振
2023-03-14
问题内容

我知道,当您将input标记与一起使用时,可以替换HTML中生成的浏览按钮type="file

我不确定最好的方法是什么,所以如果有人对此有经验,请贡献力量。


问题答案:

最好的方法是使文件输入控件 几乎 不可见(通过给它一个非常低的不透明度-不要做“ 可见性:隐藏 ”或“ 显示:无
”),并在它下面绝对放一些东西-带有较低的 z-index

这样,实际的控件将是不可见的,并且放置在它下面的任何内容都将显示出来。但是,由于控件位于该按钮上方,因此它仍将捕获单击事件(这就是为什么要使用不透明度,而不是可见性或显示方式-
如果您使用隐藏元素,浏览器将使该元素不可单击)。

本文深入探讨了该技术。



 类似资料:
  • 问题内容: 我正在开发Web应用程序。用户可以在一个地方使用HTTP协议上传文件。在经典HTML文件上传控件和Java小程序之间可以选择上传文件。 经典的HTML文件上传效果不好,因为您一次只能选择一个文件,并且在实际上传过程中很难获得任何进度指示(我最终使用计时器刷新了进度指示器,并从服务器通过AJAX调用)。优点:始终有效。 随着Java小程序,我可以做更多的事情:选择多个文件一次(甚至一个文

  • 就我的研究而言,有几个步骤可以确保禁用浏览器缓存。必须设置以下HTTP标头: 此外,请随时补充我错过的任何东西,如果有的话。

  • 问题内容: 最好的说,我是最高效的,现在我唯一想到的就是将其放在我的post.php文件中: 有没有更好的方法,那就是消耗更少服务器资源的方法。我问,因为如果这是一个小型应用程序,那么我在上面没有问题,但是我正在尝试构建一些将被许多人使用的东西,并且我希望尽可能地了解查询。 问题答案: 如果您有兴趣节省资源并仍然使用SQL进行报告,而精确的#值无关紧要,则可以尝试这样采样(修改采样率以适合您的规模

  • 问题内容: 我正在寻找一种库/方法来解析比通用xml解析库具有更多html特定功能的html文件。 问题答案: 这是一个敏捷的HTML解析器,它构建了一个读/写DOM并支持纯XPATH或XSLT(您实际上不必了解XPATH或XSLT来使用它,不用担心…)。这是一个.NET代码库,可让您解析“网络外” HTML文件。该解析器对“真实世界”格式的HTML十分宽容。对象模型与提出System.Xml的对

  • 问题内容: 我有一个不完整的csv文件,需要准确更新,因此有这样的csv文件: 自然地,文件要复杂得多,但是以这种格式,这是我要在7到8(或任何范围)之间插入或n个单词的内容。我怎样才能做到这一点? 伪代码,代码或示例都很好,我不知道如何开始。 更新: 也许我应该将其转换为数组或某种数据结构。然后,在特定位置插入新项目,将其余内容右移,并在每次插入时执行该操作。 我不知道是否正确的方法或如何开始对

  • 问题内容: 由于HTML5中不推荐使用HTML中的标记(我理解为什么),有没有一种将某些属性和样式仅应用于段落文本 部分 的干净解决方案?我使用JavaScript来解析XML文件,该事实依赖于标签允许使用基于类的CSS格式化部分包装文本的事实。我意识到“ anchor”()标记也可以用于此目的,但是这种方式看起来非常落后且不自然。 编辑 当我问这个问题时(几年前),我未能理解每个DOM元素都属于