Bagaimana untuk Menukar Base64 kepada Imej dalam JavaScript?

Menukar Base64 kepada Imej dalam JavaScript

Dalam kod anda, item_image memegang data imej yang dikodkan base64. Untuk menukar data ini kepada imej, ikuti langkah berikut:

Mencipta Objek Imej

<code class="javascript">var image = new Image();</code>

Menetapkan Sumber Imej

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

Barisan ini menetapkan sifat src objek imej kepada data berkod base64, termasuk pengepala yang diperlukan yang menunjukkan jenis data imej (data:image/png).

Melampirkan Imej pada DOM

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

Ini menambahkan objek imej pada dokumen HTML, membenarkan ia dipaparkan.

Nota:

• Pengepala data:image/png;base64 adalah penting untuk penyemak imbas mengenali dan memaparkan imej dengan betul.
• Kaedah ini menukar data base64 kepada imej dalam memori dan memaparkannya secara dinamik. Tiada fail imej sebenar yang dibuat pada bahagian klien.

Atas ialah kandungan terperinci Bagaimana untuk Menukar Base64 kepada Imej dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!