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

他说

我有

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

但这又回来了

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

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

我怎样才能从画布上得到它?我在Google上搜索了很多,似乎找不到我需要的东西...

您将获得的字符串可以用作图像的源属性,只需创建一个新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>>" />

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在JavaScript中将文件转换为base64?

浏览器/ HTML强制从src =“ data:image / jpeg; base64 ...”下载图像

如何使用JavaScript将图像转换为Base64字符串?

将Base64字符串转换为图像文件?

如何将图像转换为base64编码?

如何使用JavaScript将data:image / png:base64 ...解码为真实图像

用于图像/ JPEG的Base64解码; Android中的Base64

如何从Javascript中任何图像类型的base64字符串中剥离data:image部分

JPEG图像为base64格式

Javascript将URL转换为BASE64图像

将图像文件转换为画布,然后转换为base64

在Python中将data:image从base64转换为JPEG

使用Symfony和VichUploader将base64图像转换为图像文件

cv2.imdecode()从base64中的图像(通过Websocket收到的mimetype image / jpeg)返回None

将多个图像文件从JPEG转换为PDF格式

PHP图像文件上传并转换为base64而不保存图像

如何将图像转换为base64

如何在Qt中将Jpeg Base64字符串转换为jpeg图像

无法从javascript画布获取base64调整大小的图像

如何在没有前导前缀的情况下将图像文件转换为其 base64 表示形式:js&html5 中的“data:image/jpeg;base64”

如何在Angular中将本地图像文件转换为base64?

从设备存储读取图像文件并转换为 Base64 导致 Flutter 中的 base64 无效

转换为base64后如何将画布图像插入数据库

如何在颤振中将图像文件转换为 base64 字符串?

JS 中 Base64 到图像文件的转换

Flutter:如何将 base64 转换为图像?

如何将base64图像转换为图像并将其保存到文件系统

如何将 Heic 图像文件转换为 Angular 中的 Jpeg 或 Png 以供 ngx-image-cropper 使用?

如何将 Heic 图像文件转换为 Angular 中的 Jpeg 或 Png 以供 ngx-image-cropper 使用?