html5点击拍照(html拍照上传功能)

1需要chrome 180及以上版本，并且需要打开aboutflags启用相关功能，也可以使用支持html5的opera浏览器2网页必须运行于服务器端，基于。

html5提供了 navigatorgetUserMedia接口使用设备摄像头，chrome28上测试已经可用，复手机端浏览器测试发制现只有opera浏览器可用浏览器未完善之前可以使用PhoneGap完成，它提供了zhidao 接口，使用js可以。

filequot name=quotuploadquot onchange=quotonChooseFilethisquot accept=quotimagepng，imagejpeg，imagegifquot capture=quotcameraquot 其中capture属性必须加上，accept属性应该这样定义accept=quotimage*quot，否则在网页中无法使用拍照功能。

1实现头的方法代码2编写CSS样式的方法代码3html上传代码4JS处理方法代码5测试结果如下注意事项JavaScript是一种网络脚本语言，在web应用开发中得到了广泛的应用，它经常被用来为网页添加各种动态功能。

h5不能直接调用摄像头，只能用ltinput type=quotfilequot 上传图片来间接调用摄像头。

但要注意，他们绑定videosrc的方法不一样，本人没有测过createObjectURL是否通用 拍照功能就是简单的调用canvas中的drawImage即可 documentgetElementByIdquotpicturequotaddEventListenerquotclickquot， function。