H5图片压缩与上传

var fileInput = document.getElementById('fileInput');
  fileInput.onchange = function() {    var file = fileInput.files[0];    // 创建一个压缩对象，该构造函数接收file或者blob。
    var mpImg = new MegaPixImage(file);

    // render方法的maxWith，maxHeight,以及quality都决定了压缩图片的质量
    var resImg = document.getElementById('resultImage');    mpImg.render(resImg, { maxWidth: 300, maxHeight: 300, quality: 0.5 }); 
  };

 fileSelected: function () {                    var files = $("#fileImage")[0].files;                    var count = files.length;
                    console.log("共有" + count + "个文件");                    for (var i = 0; i < count; i++) {var item = files[i];
                        console.log("原图片大小", item.size);                        if (item.size > 1024 * 1024 * 2) {
                            console.log("图片大于2M，开始进行压缩...");

                            (function(img) {                                var mpImg = new MegaPixImage(img);                                var resImg = document.createElement("img");
                                resImg.file = img;
                                mpImg.render(resImg, { maxWidth: 500, maxHeight: 500, quality: 1 }, function() {
                                  //do some thing
                                });
                            })(item);

                        } 
                        core.previewImage(item);
                    }
                },

if(!empty($_POST['resultImage'])){
    if (preg_match('/^(data:\s*image\/(\w+);base64,)/', $_POST['resultImage'], $result)) {//正则获取图片格式
        $type = $result[2];
        $upload = new UploadFile();
        //设置权限
        @chmod(BASE_UPLOAD_PATH.DS.$this->default_dir,0755);//修改权限
        $path = BASE_UPLOAD_PATH.DS.'ipi_apply'.DS. $upload->getSysSetPath();//目录地址
        $new_file = md5(uniqid($this->member_info['member_id'])).".{$type}";//用微秒和会员id产生md5唯一字符串
        if (file_put_contents($path.$new_file, base64_decode(str_replace($result[1], '', $_POST['resultImage'])))) {
            $data['img_url'] = $new_file;
        }
    }
}

mpImg.render(resImg, {maxWidth: 800, maxHeight: 800, quality: 0.9});