Javascript 单击图像打开/弹出文件字段

我的表单中有一个文件字段。那块地看起来很奇怪。所以我想把它做成一个图像。所以我点击图像，它会打开一个文件字段（选择一个文件）

给我最好的解决办法。对于所有浏览器支持。

这应该可以：

HTML代码

<label class="filebutton">
Browse For File!
<span><input type="file" id="myfile" name="myfile"></span>
</label>

这应该做到：

HTML代码

<label class="filebutton">
Browse For File!
<span><input type="file" id="myfile" name="myfile"></span>
</label>

---

将字段设置为透明，并将其放置在一个div中，其中overflow:hidden和您的图像作为背景：

<div style="width:16px;height:16px;overflow:hidden">
  <input type="file" name="file" style="opacity:0;filter:alpha(opacity=0)">
</div>

---

如果图像大于字段的默认大小，您还必须编写JS，它会根据光标位置移动字段，因此请尽量避免这种情况。

使字段透明，并将其放置在一个div中，溢出：隐藏，图像作为背景：

<div style="width:16px;height:16px;overflow:hidden">
  <input type="file" name="file" style="opacity:0;filter:alpha(opacity=0)">
</div>

---

如果图像大于字段的默认大小，您还必须编写JS，它会根据光标位置移动字段，因此请尽量避免这种情况。

StackOverflow的整个理念是让人们给出“最佳”解决方案。这就是为什么我们有投票权。StackOverflow的整个理念是让人们给出“最佳”解决方案。这就是为什么我们有选票。