移动端使用file域调用手机摄像头拍照并上传到服务器

最近的一个小项目需要用到移动端调用手机摄像头拍照，经多方查找验证，最后选定用file域调用手机摄像头拍照，转成base64格式上传到服务器
最后找到了一个非常好用的插件，分享一波。
demo地址：拍照上传demo
html代码：

<div id="modalcamera">
    <input class="file" accept="image/*" capture="camera" multiple="multiple" type="file" name="" id="file">
</div>

accept="image/*" : 只接收图片
capture="camera" ： 直接调用摄像头
插件地址：https://github.com/think2011/localResizeIMG
js代码：

//unbind：为了解决file域提交失败后，不清空数据的问题
$('#file').unbind().on('change', function () {
            lrz(this.files[0], {
                    width: 640
                })
                .then(function (rst) {
                    // 处理成功会执行
                    var output = rst.base64; //获取base64位图片信息      
                    // 数据流前22位是图片格式信息，不属于图片，需切除
                    var base64Data = output.substr(22);
                    console.log(base64Data)
                    // 将图片上传到服务器
                    //上传代码
                })
                .catch(function (err) {
                    // 处理失败会执行
                })
                .always(function () {
                    // 不管是成功失败，都会执行
                });
        })