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

Javascript 在浏览器中将base64编码的jpeg转换为png,javascript,reactjs,base64,png,image-conversion,Javascript,Reactjs,Base64,Png,Image Conversion,我有一个base64编码的jpeg字符串,它在React中处于状态。我一直在尝试解决如何将其转换为png格式base64字符串浏览器端 我简要地看了一下,但我发现这需要一个服务器端node.js环境。我真的不想写我自己的转换脚本。对npm的进一步搜索对我来说没有任何结果 非常感谢您的帮助。这是未经测试的,但您应该能够将base64 JPEG设置为图像源,然后使用上下文将该图像绘制到画布。drawImage;一旦它位于画布上,您就可以使用canvas.toDataURL()获取它的base64 P

我有一个base64编码的jpeg字符串,它在React中处于状态。我一直在尝试解决如何将其转换为png格式base64字符串浏览器端

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


非常感谢您的帮助。

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

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

我最初的想法是使用
drawImage()
将JPEG绘制到画布上,然后在该画布上调用
toDataURL()
。PNG是使用toDataURL时的默认格式,因此您甚至不需要参数。@IceMetalPunk这很有趣,我将对此进行研究。谢谢如果你认为可以解决这个问题,请随意回答。我最初的想法是使用
drawImage()
将JPEG绘制到画布上,然后在画布上调用
toDataURL()
。PNG是使用toDataURL时的默认格式,因此您甚至不需要参数。@IceMetalPunk这很有趣,我将对此进行研究。谢谢如果你认为这能解决问题,请随时回答。谢谢,我已经测试过了,效果非常好。好办法!谢谢,我已经测试过了,效果非常好。好办法!