我知道,当您将input标记与一起使用时,可以替换HTML中生成的浏览按钮type="file。
input
type="file
我不确定最好的方法是什么,所以如果有人对此有经验,请贡献力量。
最好的方法是使文件输入控件 几乎 不可见(通过给它一个非常低的不透明度-不要做“ 可见性:隐藏 ”或“ 显示:无 ”),并在它下面绝对放一些东西-带有较低的 z-index 。
这样,实际的控件将是不可见的,并且放置在它下面的任何内容都将显示出来。但是,由于控件位于该按钮上方,因此它仍将捕获单击事件(这就是为什么要使用不透明度,而不是可见性或显示方式- 如果您使用隐藏元素,浏览器将使该元素不可单击)。
本文深入探讨了该技术。