我知道当您在type="file
中使用input
标记时,可以替换以html生成的浏览按钮。
我不确定什么是最好的方法,所以如果有人有这方面的经验,请贡献。
发布于 2008-09-20 13:39:24
浏览器并不喜欢你摆弄文件输入,但是这样做是可能的。我已经看过几种技术,但最简单的是将文件输入绝对定位在您想要用作按钮的任何东西上,并将其不透明度设置为零或接近零。这意味着当用户点击图片(或者你在下面的任何东西)时,他们实际上是在点击看不见的浏览按钮。
例如:
<input type="file" id="fileInput">
<img src="...">
#fileInput{
position: absolute;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
}
发布于 2008-09-20 13:40:40
如果您不介意使用javascript,您可以将文件输入的不透明度设置为0,通过z-index将样式控件放在顶部,并将clickevent从按钮发送到文件输入。请看这里的技术:http://www.quirksmode.org/dom/inputfile.html
发布于 2008-09-20 13:38:01
出于安全目的,这在技术上是不可能的,所以用户不会被误导。
然而,有几个变通方法--以http://www.quirksmode.org/dom/inputfile.html为例。
根据记录,这个问题已经被问到了here (在那里我给了同样的答案)。
https://stackoverflow.com/questions/108149
复制相似问题