H5实现调用本地摄像头并拍照将照片传向后台

H5实现调用本地摄像头并拍照将照片传向后台

目的：为了实现在确认个人信息后要实现拍照传向后台
代码：

<!--html代码-->
<!--使用video标签调用摄像头-->
<video id="video" autoplay></video>
<!--创建一个cavas  用来存放图片-->
<canvas id="canvas" style="display:none"></canvas>

<!--js代码-->
var video = document.getElementById('video');
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');

//访问用户媒体设备的兼容方法
function getUserMedia(constraints, success, error) {
    if (navigator.mediaDevices.getUserMedia) {
        //最新的标准API
        navigator.mediaDevices.getUserMedia(constraints).then(success).catch(error);
    } else if (navigator.webkitGetUserMedia) {
        //webkit核心浏览器
        navigator.webkitGetUserMedia(constraints,success, error)
    } else if (navigator.mozGetUserMedia)                {
        //firfox浏览器
        navi