在html 5中拍摄照片按钮

时间:2013-12-26 06:19:54

标签: android iphone html5 cordova android-camera

如何使用html 5制作“拍照”按钮? 我知道通过添加

<input type="file" /> 

Android设备会要求用户选择来源... 其中一个来源是相机。

然而,在iphone设备中,它将打开图库以选择用户想要上传的图片。

是否可以创建一个可在两台设备上打开相机的按钮? (Windows手机怎么样?)

我正在寻找一种可以利用任何html-mobile框架的解决方案,即phonegap,cordova等......

1 个答案:

答案 0 :(得分:0)

不要这么认为。但这种格式看起来很适合拍照。

html

<h4>Take a Picture</h4>
<form id="form1" name="form1" enctype="multipart/form-data">
       <input type="file" id="file1"  name="file1" accept="image/*" capture="camera">
       <input type="file" id="file2"  name="file2" accept="image/*" capture="camera">
       <input type="button" value="Save" onclick="sendFile();" />
</form>

IOS

enter image description here