【前端：图片文件转base64压缩】

最新推荐文章于 2024-02-09 23:20:47 发布

SmokyOranges

最新推荐文章于 2024-02-09 23:20:47 发布

阅读量145

点赞数 1

分类专栏：工具类文章标签： javascript 前端 html Powered by 金山文档

本文链接：https://blog.csdn.net/m0_56172703/article/details/129181946

版权

工具类专栏收录该内容

5 篇文章 0 订阅

订阅专栏

/**
 * @author zty
 * 压缩图片
 * @param file
 */
Feng.imgBase64 = function(file){
    return new Promise(function (resolve, reject) {
        var reader = new FileReader();
        reader.readAsDataURL(file);
        reader.onloadend = function (evt) {
            var base64 = evt.target.result;
            var image = new Image();
            image.src = base64;
            image.onload = function () {
                var canvas = document.createElement('canvas');
                var context = canvas.getContext('2d');
                var imageWidth = image.width;
                var imageHeight = image.height;
                if(file.size>=512000){  //图片大于512kb压缩图片
                    imageWidth = image.width / 2;
                    imageHeight = image.height / 2;
                }
                canvas.width = imageWidth;
                canvas.height = imageHeight;
                context.drawImage(image, 0, 0, imageWidth, imageHeight)
                base64 = canvas.toDataURL('image/jpeg', 0.7);// 图片质量0.5
                //压缩完成,去掉 data:image/jpeg;base64,
                base64 = base64.split(',')[1];
                resolve(base64);
            }
        }
    })
}