如何将画布图像“data:image/jpeg;base64，.”转换为普通图像文件 - JavaScript

how to convert canvas image "data:image/jpeg;base64,.." to normal image file - javascript

本文关键字：图像 转换 base64 JavaScript 文件 jpeg image 布图像 data      更新时间：2023-09-26

我有

image = canvas.toDataURL("image/png", 1);

但这正在回归 

data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDA.......

但我需要像src="myimage.png"这样的正常图像

如何从画布上获取它？ 我用谷歌搜索了很多，似乎找不到我需要的东西......

你得到的字符串可以用作图像的源属性，你只需要创建一个新的Image元素，你可以分配给它：

var image = new Image();
image.src = canvas.toDataURL("image/png", 1);
// append image to DOM

编辑：鉴于注释，您希望将其转换为存储在数据库中的内容。您应该POST toDataURL服务器的结果。使用服务器端技术的 IO/图像/图形库解码数据字符串的 base64 编码部分，并将其写入新文件。现在可以将该路径存储在数据库中。

替代方法：只需将整个数据字符串存储在数据库中即可。然后，当您渲染<img>标签时，您可以简单地将其转储到 src 属性中：

<img src="<< base-64 encoded data string>>" />
相关文章：