365bet体育在线投注_mobile.365-848.com-365bet官网手机版
做最好的网站

html5怎样调用手机摄像头或者相册

2018-12-31 09:07 来源:未知

  用input type=file capture=camcorder调用摄像头,会先让你选择拍照或者从相册选取。首先实现在浏览器中调用手机摄像头,实现拍照功能并且把拍下的照片显示在页面并上传到服务器上,然后再在服务器端进行分析。首先实现在浏览器中调用摄像头,当然用现在火的不行的html5,html5中的video标签,并将从摄像头获得视频作为这个标签的输入来源。实现拍照功能的html5代码:

  经本人测试在android手机的opera浏览器浏览器下可以正常实现手机拍照功能。android手机下的google chrome浏览器还不行,自带的浏览器也测试没有通过。iphone手机的safari浏览器也是不支持的。

  因为线编码逗号之后的部分,所以我们实际服务器处理的图像数据应该是这部分,我们可以用两种办法来获取。

  第二种:是在后端获取传输的数据后用后台语言截取22位以后的字符串。例如PHP里

  在前端可以使用Ajax将上面获得的图片数据上传到后台脚本。例如使用jQuery时:

  请注意,以上的解决方案不仅能用于Web App拍照上传,并且你可以实现把Canvas的输出转换为图片上传的功能。这样你可以使用Canvas为用户提供图片编辑,例如裁剪、上色、涂鸦的画板功能,然后把用户编辑完的图片保存到服务器上。

TAG标签:
版权声明:转载须经版权人书面授权并注明来源