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

 我来答
嘿琪hei
推荐于2019-09-11 · TA获得超过3428个赞
知道小有建树答主
回答量:80
采纳率:0%
帮助的人:33.2万
展开全部

你给的网页用的是 <input accept="image/*" type="file">,在IOS端点击时会提示选择图片或相机,安卓端要看浏览器对这两个属性的优化,部分浏览器会直接跳转到资源管理器,优化做得好的可以直接提示选择相册或相机。

移动设备和桌面电脑上的客户端API起初并不是同步的。最初总是移动设备上先拥有某些功能和相应的API,但慢慢的,这些API会出现在桌面电脑上。其中一个应用接口技术就是getUserMedia API,它能让应用开发者访问用户的摄像头或内置相机。

爱路路是我e88f
高粉答主

2018-01-02 · 每个回答都超有意思的
知道小有建树答主
回答量:117
采纳率:100%
帮助的人:21.7万
展开全部

html5可以通过<input file="file" accept="image/*;capture=camera">进行相册的访问或是拍照。

安卓手机上:

iphone手机上:

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
ty13572093952
2018-01-02 · TA获得超过9276个赞
知道小有建树答主
回答量:84
采纳率:100%
帮助的人:1.9万
展开全部

HTML5技术支持WebApp在手机上拍照,显示在页面上并上传到服务器。这是手机微博应用中常见的功能,当然你也可以在其它类型应用中适当使用此技术。

1、 视频流
HTML5 的 The Media Capture(媒体捕捉) API 提供了对摄像头的可编程访问,用户可以直接用 getUserMedia(请注意目前仅Chrome和Opera支持)获得摄像头提供的视频流。我们需要做的是添加一个HTML5 的 Video 标签,并将从摄像头获得的视频作为这个标签的输入来源。

2、 拍照
拍照是采用HTML5的Canvas功能,实时捕获Video标签的内容,因为Video元素可以作为Canvas图像的输入,所以这一点很好实现。


3、 图片获取
从Canvas获取图片数据的核心思路是用canvas的toDataURL将Canvas的数据转换为base64位编码的PNG图像。
这样,imgData变量就存储了一长串的字符数据内容,表示的就是一个PNG图像的base64编码。因为真正的图像数据是base64编码逗号之后的部分,所以要让实际服务器接收的图像数据应该是这部分,我们可以用两种办法来获取:

第一种:是在前端截取22位以后的字符串作为图像数据;


第二种:是在后端获取传输的数据后用后台语言截取22位以后的字符串(也就是在前台略过上面这步直接上传)。


4、 图片上传
在前端可以使用Ajax将上面获得的图片数据上传到后台脚本。
在后台我们用PHP脚本接收数据并存储为图片。

以上的解决方案不仅能用于Web App拍照上传,也可以通过Canvas的编辑功能函数提供图片编辑,例如裁剪、上色、涂鸦、圈点等功能,然后把用户编辑完的图片上传保存到服务器上。
在还在不断补充修正的HTML5的驱动下,Web App与Native App之间的距离将越来越小。在可预见的不远的未来,越来越多老的和新的开发项目必将会迁移到WEB应用上来。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
2186ll
2017-12-30 · TA获得超过4595个赞
知道小有建树答主
回答量:15
采纳率:100%
帮助的人:2082
展开全部

超简单的用html+jq来调取手机的摄像头和相册功能.jq引用的网络文件,可以写成自己的jq文件。

要做一个按钮点击后就弹出来扫描二维码,然后获取返回值。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式