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

Converting a base64-encoded jpeg to a png in React in browser

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

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

非常感谢任何帮助。

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