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

标签 javascript canvas

我正在尝试从 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();
        }

该函数返回字符串。

谢谢。

最佳答案

简单的方法:

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

关于javascript - 从 url 加载图像并将其转换为 base64string,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23697334/

相关文章:

javascript - 带有 Spring Boot 和 JavaScript 的 WebSocket

javascript - 将 Canvas 数据保存为 mp4 - Javascript

javascript - 围绕任意点旋转 : HTML5 Canvas

css - 是否可以在父 dom 元素上使用 Canvas 混合模式?

javascript - 如何填充 Canvas 并添加文本

javascript - 如果由 window.onbeforeunload 触发,异步 ajax 查询会完成吗?

javascript - 本地文件的上次修改日期。 JavaScript

javascript - 页面分割在 jsPDF 中不起作用

javascript - 单击外部时下拉菜单折叠

php - 将 mySQL 查询中的文本添加到 Canvas 上