JS 图片转Base64编码

最新推荐文章于 2024-07-29 14:37:18 发布

RMIO

最新推荐文章于 2024-07-29 14:37:18 发布

阅读量1.4k

点赞数

分类专栏： javascript 文章标签： base64 canvas Image2Base

本文链接：https://blog.csdn.net/zjmjiang/article/details/71555072

版权

javascript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

不多说直接上代码：

//path 图片路径、callBack 回调函数、type 转换图片类型
function getBase64Image(path, callBack, type) {
    var canvas = document.createElement("canvas");
    var ctx = canvas.getContext("2d");

    var img = new Image();
    img.src = path;
    //图片加载完成执行函数
    img.onload = function() {
        //设置Canvas的宽高
        canvas.width = img.width;
        canvas.height = img.height;

        //绘制图片
        ctx.drawImage(img, 0, 0, width, height);

        //转换Base64数据
        var dataURL = canvas.toDataURL(type || "image/jpg");

        //回调函数
        callBack && callBack(dataURL);//dataURL.replace("data:image/png;base64,", "");

        //插入到DOM
        $("#content").append(canvas);
    }
}