javascript - 从 url 加载图像并将其转换为 base64string

Question

这个问题已经有答案了:

How can I convert an image into Base64 string using JavaScript? (20 个回答)

已关闭 9 年前。

我正在尝试从 URL 加载图像并将其转换为 Base64 字符串。

我得到的只是一个字符串，但是当我使用它作为图像的 html 源时，图像始终是空白的。

我做错了什么？

function getBase64Image(imgUrl) {
            var image = new Image();
            var canvas = document.createElement("canvas");
            var context = canvas.getContext('2d');
            image.src = imgUrl;
            context.drawImage(image,0,0);
            return canvas.toDataURL();
        }

该函数返回字符串。

谢谢。

Answer 1

简单的方法:

$image = file_get_content($url);
$result = "data:image/png;base64,". base64_encode($image);