h5 调起相机_H5移动端调用相机或相册

一： 前提

在做H5时，有时要实现拍照功能，这就要调取手机端的相机，当时，在网上搜了很多能实现的方式，最后还是用html5自带的 input标签，实现移动端调用手机摄像头。好了，话不多说，下面就是我实现的代码：

二：实现

(一)：调用手机相机或相册

图片二

其中input标签type="file"的参数capture表示，可以捕获到系统默认的设备，比如：camera照相机；camcorder摄像机；microphone录音，accept表示，直接打开系统文件目录，multiple属性，表示可以支持多选。

(二): 获取图片同时压缩，然后传给后台

// 解决ios照片旋转问题

//获取照片的拍摄方向

getOrientation(file, callback){

var reader = new FileReader();

reader.onload = function(e) {

var view = new DataView(e.target.result);

if (view.getUint16(0, false) != 0xFFD8){

return callback(-2);

}

var length = view.byteLength, offset = 2;

while (offset < length) {

var marker = view.getUint16(offset, false);

offset += 2;

if (marker == 0xFFE1) {

if (view.getUint32(offset += 2, false) != 0x45786966){

return callback(-1);

}

var little = view.getUint16(offset += 6, false) == 0x4949;

offset += view.getUint32(offset + 4, little);

var tags =