改的是七牛上传图片插件的源码,官方压缩的太少了
function resizeImage(blob, params, cb) {
var img = new o.Image();
try {
img.onload = function() {
// no manipulation required if...
if (params.width > this.width &&
params.height > this.height &&
params.quality === undef &&
params.compressSize === undef &&
params.preserve_headers &&
!params.crop
) {
this.destroy();
return cb(blob);
}
//修改 压缩图片大小用
/**
* a,图片宽或者高均小于或等于1280时图片尺寸保持不变,但仍然经过图片压缩处理,得到小文件的同尺寸图片
b,宽或者高大于1280,但是图片宽度高度比小于或等于2,则将图片宽或者高取大的等比压缩至1280
c,宽或者高大于1280,但是图片宽高比大于2时,并且宽以及高均大于1280,则宽或者高取小的等比压缩至1280
d,宽或者高大于1280,但是图片宽高比大于2时,并且宽或者高其中一个小于1280,则压缩至同尺寸的小文件图片
*/
//宽高比
var widthHeightRatio = (this.width / this.height > 1) ? (this.width / this.height) : (this.height / this.width);
if(this.width <= 1280 && this.height <= 1280 ){ //a方案
//不做处理
}else if((this.width > 1280 || this.height > 1280) && widthHeightRatio <= 2){ //b方案
if(this.width >= this.height){
params.width = 1280;
params.height = (params.width / this.width) * this.height;
}else{
params.height = 1280;
params.width = (params.height / this.height) * this.width;
}
}else if(this.width > 1280 && this.height > 1280 && widthHeightRatio > 2){ //c方案
if(this.width <= this.height){
params.width = 1280;
params.height = (params.width / this.width) * this.height;
}else{
params.height = 1280;
params.width = (params.height / this.height) * this.width;
}
}else if(((this.width > 1280 && this.height < 1280) || (this.width < 1280 && this.height > 1280)) && widthHeightRatio > 2){ //d方案
//不做处理
}
img.downsize(params.width, params.height, params.crop, params.preserve_headers);
};
img.onresize = function() {
//修改 压缩图片大小用
var quality = 90; //实际使用的quality,从90开始压缩
if(blob.size <= params.compressSize * 1024){ //如果原始尺寸小于指定,则使用params.quality
quality = params.quality;
}
if('image/png' !== blob.type){ //png不能用quality压缩
//如果原始尺寸大于指定,则开始压缩quality,从90开始压缩
var tempBlob = blob;
var tempQuality = quality; //tempQuality作为判定条件
while (tempBlob.size > params.compressSize * 1024 && tempQuality > 10) {
quality = tempQuality;
tempBlob = this.getAsBlob(blob.type, quality);
tempQuality -= 10;
}
cb(this.getAsBlob(blob.type, quality));
}else{
cb(this.getAsBlob('image/jpeg', 80)); //将png图片转成jpeg
}
this.destroy();
};
img.onerror = function() {
cb(blob);
};
img.load(blob);
} catch(ex) {
cb(blob);
}
}