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

在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中文網其他相關文章！