当我点击图像/按钮时如何触发文件浏览

Question

当我点击自定义按钮时，我想触发浏览器文件上传窗口。它应该在图像中显示如下所示。

Answer 1

到这里看看：Custom file input can’t be that hard?

或者你可以尝试这样的事：

<div style='width:140px;margin-top:80px;position:relative;'> 
    <div style='position:absolute; cursor:pointer; cursor:hand; width:140px; height:20px; background:#3172a0; border-top:solid 1px #a2a2a2; color:#fff;padding-top:4px;' align='center'>Browse...</div> 
     <input name='image' type='file' size='5' style='position:absolute; cursor:pointer; cursor:hand; height:25px; opacity:0.01; filter:alpha(opacity=0); top:0px; left:0px;' /> 
    </div> 
</div>