javascript 图片转base64

最新推荐文章于 2026-05-31 12:14:40 发布

原创最新推荐文章于 2026-05-31 12:14:40 发布 · 674 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文介绍了一种将图片转换为Base64编码的方法。通过创建一个canvas元素，并利用其getContext方法绘制图片，最终得到Base64格式的数据URL。这种方法适用于前端开发中需要将图片作为字符串传递的场景。

function getBase64Image(img) {
            var canvas = document.createElement("canvas");
            canvas.width = img.width;
            canvas.height = img.height;
            var ctx = canvas.getContext("2d");
            ctx.drawImage(img, 0, 0, img.width, img.height);
            var ext = img.src.substring(img.src.lastIndexOf(".") + 1).toLowerCase();
            var dataURL = canvas.toDataURL("image/" + ext);
            return dataURL;
        }

        var img = "images/camera.png";
        var image = new Image();
        image.src = img;
        image.onload = function () {
            var base64 = getBase64Image(image);

            alert(base64);
        }