簡體 English 中英

在瀏覽器中的 React 中將 base64 編碼的 jpeg 轉換為 png

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

原文 2019-08-08 18:42:43 3 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