如何在移动浏览器中设置文件输入样式?

时间:2013-04-04 09:31:00

标签: javascript jquery html5 mobile camera

我正在使用HTML5和jQuery开发一个相当简单的移动Web应用程序。

我正在尝试开发的功能之一是能够使用移动设备的相机拍摄照片,比如iPhone。

我有一个Google,并发现:

<input type="file"/>

正是这样。

但是,默认按钮是“丑陋的”,填充了“选择文件”。

有一种方法我可以用图标/图像替换这个按钮,例如:

<input type="file" img="images/camera.png/>

很高兴提出其他选择。

由于

1 个答案:

答案 0 :(得分:0)

我建议使用Quirksmode中描述的方法,我过去曾多次使用过这种方法。

http://www.quirksmode.org/dom/inputfile.html