通过canavas压缩图片

//fileObj: document.getElementById("file").files[0]

//sizeObj: {'width': '', 'height': ''}

//callback: function

function photoCompress(fileObj, sizeObj, callback) {
    var img = new Image();
    var w = sizeObj.width, h = sizeObj.height;
    var quality = 0.7;  // 默认图片质量为0.7
    //生成canvas
    var canvas = document.createElement('canvas');
    var ctx = canvas.getContext('2d');
    // 创建属性节点
    var anw = document.createAttribute("width");
    anw.nodeValue = w;
    var anh = document.createAttribute("height");
    anh.nodeValue = h;
    canvas.setAttributeNode(anw);
    canvas.setAttributeNode(anh);
    ctx.drawImage(img, 0, 0, w, h);
    var base64 = canvas.toDataURL('image/jpeg', quality);
    var imgInfo = new Object(); // imgInfo数据{'file': 'base64:png/data', 'name': 'picture.png', 'type': 'image/png', 'size': 10240, 'now': 5120};
    imgInfo.type=fileObj.type; // 文件类型
    imgInfo.name=fileObj.name; // 文件名
    imgInfo.size=fileObj.size; // 文件原大小
    imgInfo.file=base64; // 文件对象
    imgInfo.now=base64.length; // 实际上传大小
    callback(imgInfo);  
}