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

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

Mary-Kate Olsen
發布: 2024-10-28 03:48:30
原創
360 人瀏覽過

How to Convert Base64 to an Image in JavaScript/jQuery?

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

在影像擷取程式碼中,您已成功擷取影像並將其儲存為Base64 item_image 變數中的字串。若要將此Base64 字串轉換為映像並在客戶端使用其路徑,請按照以下步驟操作:

建立映像物件:

在JavaScript 中建立新的Image 物件:

<code class="javascript">var image = new Image();</code>
登入後複製

設定圖片來源:

設定圖片物件的src 屬性為base64字串,包括「data:image...」前言:

<code class="javascript">image.src = 'data:image/png;base64,' + item_image;</code>
登入後複製

顯示圖片:

載入圖片後,您可以透過將其附加到文件正文來將其顯示在頁面上:

<code class="javascript">document.body.appendChild(image);</code>
登入後複製

這會將Base64 影像渲染到網頁上。

資料 URI:

用於在 src 屬性中對影像進行編碼的格式稱為「資料 URI」。所有主要瀏覽器都支援它,並允許您將資料(例如圖像)直接嵌入網頁中。

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板