繁体 English 中英

在浏览器中的 React 中将 base64 编码的 jpeg 转换为 png

[英]Converting a base64-encoded jpeg to a png in React in browser

原文 2019-08-08 18:42:43 8 1 javascript/ reactjs/ base64/ png/ image-conversion

我有一个 base64 编码的 jpeg 字符串，我在 React 中保持它的状态。 我一直在努力研究如何将其转换为 png 格式的 base64 字符串浏览器端。

我简要地查看了sharp ，但我发现它需要一个服务器端node.js 环境。 我真的不想编写自己的转换脚本。 对 npm 的进一步搜索对我没有任何帮助。

非常感谢您对此的任何帮助。

1 个解决方案

这未经测试，但是您应该能够将base64 JPEG设置为图像源，然后使用context.drawImage将该图像绘制到画布上； 将其放在画布上后，您可以使用canvas.toDataURL()获取它的base64 PNG。

您可以使用base64图像来显示图像而不进行转换。

请参阅此答案以供参考

希望这可以帮助

如何下载 base64 编码的图像？

[英]How to download a base64-encoded image?

使用Java脚本删除Base64编码的URL参数

[英]Strip Base64-encoded URL parameters with Javascript

base64编码的ajax损坏发送对此的一些想法

[英]Corruption of base64-encoded ajax sends -some thoughts on this

在Javascript中将PDF转换为Base64编码的字符串

[英]Convert PDF to a Base64-encoded string in Javascript

IE10-base64编码的图像加载错误

[英]IE10 - base64-encoded image load error

EmailJS - 以 webp 格式发送 base64 编码的屏幕截图？

[英]EmailJS - Send base64-encoded screenshot in webp format?

IPFS：base64 编码的图像未显示为图像

[英]IPFS: base64-encoded image not showing as image

使用angularjs将SVG中的xlink：href设置为base64编码的图像

[英]Set xlink:href in svg with angularjs to base64-encoded image

在 Apps 脚本中使用带有 HtmlService 的 base64 编码图像

[英]Using base64-encoded images with HtmlService in Apps Script

使用浏览器将 SVG 图像转换为 base64 PNG

[英]Converting SVG images to base64 PNG with browser

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何下载 base64 编码的图像？使用Java脚本删除Base64编码的URL参数 base64编码的ajax损坏发送对此的一些想法在Javascript中将PDF转换为Base64编码的字符串 IE10-base64编码的图像加载错误 EmailJS - 以 webp 格式发送 base64 编码的屏幕截图？ IPFS：base64 编码的图像未显示为图像使用angularjs将SVG中的xlink：href设置为base64编码的图像在 Apps 脚本中使用带有 HtmlService 的 base64 编码图像使用浏览器将 SVG 图像转换为 base64 PNG

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM