dealImage(path, callback) {
var img = new Image();
img.src = path;
img.onload = function() {
//默认按比例压缩
// var w = this.width,
// h = this.height;
let w = 1000;
let h = (w / this.width) * this.height;
var quality = 0.7; // 默认图片质量为0.7
//生成canvas
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
// 创建属性节点
canvas.setAttribute("width", 1000);
canvas.setAttribute("height", h);
ctx.drawImage(this, 0, 0, w, h);
// quality值越小,所绘制出的图像越模糊
var base64 = canvas.toDataURL("image/jpeg", quality);
// 回调函数返回base64的值
callback(base64);
};
},
前端上传图片压缩方法
最新推荐文章于 2024-07-26 11:41:15 发布