简介

通过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);