Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Menukar Base64 kepada Imej dalam JavaScript?

Bagaimana untuk Menukar Base64 kepada Imej dalam JavaScript?

DDD
Lepaskan: 2024-10-31 03:52:30
asal
1074 orang telah melayarinya

How to Convert Base64 to an Image in 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>
Salin selepas log masuk

Menetapkan Sumber Imej

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

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan