“如何转换画布图像”；数据：图像/jpeg；base64，……”；到普通图像文件-javascript

我有

但这又回来了

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

但是我需要像

src=“myimage.png”

---

我怎样才能从画布上得到它？我搜索了很多，似乎找不到我需要的

您获得的字符串可以用作图像的源属性，您只需创建一个新的

image

元素，即可将其分配给该元素：

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

编辑：给定注释，您希望将其转换为存储在数据库中的内容。您应该

POST

将

toDataURL

的结果发布到服务器上。使用服务器端技术的IO/image/graphics库对数据字符串的base64编码部分进行解码，并将其写入新文件。现在可以将该路径存储在数据库中

备选方案：只需将整个数据字符串存储在数据库中。然后，在渲染

属性时：

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

>“/>
这返回的是
数据：image/jpeg；base64，/9j/4aaqskzjrgabaqaaqabad/2wBDA……
而不是imagefile，我要普通文件您是在寻找如何编写文件或如何将图像显示为img元素吗？base64字符串是一个图像文件。您的意思是希望浏览器提示您下载/保存图像文件吗？@Cory我想从中获取一个文件对象，我可以将其保存到db中。在这种情况下，
image
是图像文件吗？@doniyor:您真的想在数据库中存储一个二进制图像文件吗？（提示：您不想）。这个Base64字符串就是你想要的。如果你想将Base64字符串转换成文件，你必须使用服务器端语言，如php。如果你想搜索它，你需要Base64或BLOB作为关键字。@Cerbrus:我认为你的副本与OP想要的不完全一样。这里我们将Base64代码发布到服务器上为了将它保存到数据库，这里，它只是想知道如何在客户端下载图像。
<img src="<< base-64 encoded data string>>" />