首頁 >web前端 >js教程 >如何在 JavaScript/jQuery 中將 Base64 轉換為映像?

如何在 JavaScript/jQuery 中將 Base64 轉換為映像?

Patricia Arquette
Patricia Arquette原創
2024-10-28 20:40:31693瀏覽

How to Convert Base64 to Image in JavaScript/jQuery?

如何在JavaScript/jQuery 中將Base64 轉換為圖像

您遇到了一個需要轉換從相機捕獲的Base64 資料的任務輸入到圖像中。以下是如何在JavaScript/jQuery 中完成此操作:

將base64 資料轉換為映像:

<code class="javascript">var image = new Image();
image.src = 'data:image/png;base64,' + item_image;</code>

上面的程式碼建立一個Image 物件並將其來源(src) 設為您擁有的base64 數據,包括“data:image/png;base64,”部分。

載入圖片後,您可以使用以下命令將其附加到 DOM:

<code class="javascript">document.body.appendChild(image);</code>

這將在您的 HTML 文件中顯示圖片。

需要注意的是,某些瀏覽器可能不支援資料 URI。您可以查看[相容性表](連結到表)以獲取更多資訊。

以上是如何在 JavaScript/jQuery 中將 Base64 轉換為映像?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn