camera

简介

通过Camera API,你可以使用手机的摄像头拍照,然后把拍到的照片发送给当前网页。

使用Camera API

操作主要是通过一个input元素来实现的,其中该元素的type属性必须为"file",accept属性要允许图片格式,这 样才能知道这个文件选择框是用来选择图片的.,完整的HTML结构看起来是这样的:

<input type="file" id="take-picture" accept="image/*">

在网页中展示图片

// 获取到img元素
var showPicture = document.querySelector("#show-picture");
// 获取到window.URL对象
var URL = window.URL || window.webkitURL;
// 创建一个对象URL字符串
var imgURL = URL.createObjectURL(file);
// 设置img元素的src属性为那个URL
showPicture.src = imgURL;
// 释放那个对象URL,提高性能
URL.revokeObjectURL(imgURL);