html5调用手机摄像头

曾经作过一个项目,仿照当下最火的军装照页面，作出图片融合效果。当时的整个项目组都动容了，太难了，总共用了三种方案

一、canvas
二、python opencv
三、C++

这些不是重点，重点是在上传照片调取摄像头功能

上传照片 <input type='file'>标签，若是调用摄像头，不少小伙伴就会想到js各类API，但最终一无所得，其实html5就能够解决

<input type="file" accept="image/*" capture="camera">
<input type="file" accept="video/*" capture="camcorder">
<input type="file" accept="audio/*" capture="microphone">

capture表示能够捕获到系统默认的设备
accept表示直接打开系统文件目录
camera表示摄像头
camcorder表示摄像机
microphone表示录音

在给你们普及一下multiple属性，表示能够支持多选

<input type="file" accept="image/*" multiple>

加上multiple标签 capture就没什么用了，
注意：本人亲测，multiple在ios下好用，android下很差使

虽然javascript是弱类型语言，受限于设备，可是随着技术的逐渐更新，设备机能的逐渐高新，我相信javascript逐渐会愈来愈强大的。