Rumah pembangunan bahagian belakang tutorial php Bagaimanakah saya boleh memaparkan imej daripada data binari dalam satu skrip tanpa menyimpannya ke cakera?

Bagaimanakah saya boleh memaparkan imej daripada data binari dalam satu skrip tanpa menyimpannya ke cakera?

Nov 08, 2024 am 06:37 AM

How can I display an image from binary data in a single script without saving it to disk?

Mencipta dan Memaparkan Imej daripada Data Binari dalam Skrip Tunggal

Banyak aplikasi memerlukan keupayaan untuk memproses imej daripada data binari dan memaparkannya tanpa storan perantaraan pada cakera. Artikel ini meneroka cara untuk mencapai fungsi ini menggunakan URI data.

URI Data

URI data menyediakan cara untuk membenamkan data binari terus ke dalam HTML atau CSS. Ia terdiri daripada tiga bahagian:

  • Jenis MIME: Mengenal pasti jenis data (cth., "imej/png").
  • Pengekodan Pilihan : Menentukan pengekodan aksara data (cth., "base64").
  • Data: Data binari dikodkan sebagai rentetan.

Menggunakan URI Data untuk Imej

Untuk membenamkan imej sebagai URI data, format berikut ialah digunakan:

data:[<MIME-type>][;charset="<encoding>"][;base64],<data>
Salin selepas log masuk

Sebagai contoh, untuk membenamkan imej PNG sebagai URI data menggunakan pengekodan base64:

data:image/png;base64,<encoded-data>
Salin selepas log masuk

Contoh Kod

Fungsi PHP berikut mencipta URI data daripada fail imej binari:

function data_uri($file, $mime) 
{
  $contents = file_get_contents($file);
  $base64   = base64_encode($contents); 
  return ('data:' . $mime . ';base64,' . $base64);
}
Salin selepas log masuk

Untuk memaparkan imej daripada data binari, anda hanya boleh menggunakan URI data sebagai atribut src HTML <img> elemen:

echo "&lt;img src='&quot; . data_uri('image.png', 'image/png') . &quot;' alt='My Image' /&gt;";
Salin selepas log masuk

Kelebihan URI Data

Menggunakan URI data untuk imej menawarkan beberapa kelebihan:

  • Rangkaian Terkurang Permintaan: URI data membenamkan data imej terus ke dalam HTML, menghapuskan keperluan untuk tambahan Permintaan HTTP.
  • Pemuatan Imej Rentas Asal: URI Data boleh digunakan untuk memuatkan imej daripada domain yang berbeza, menyelesaikan isu CORS.
  • Peningkatan Prestasi: Dengan menghapuskan permintaan rangkaian tambahan dan I/O cakera, URI data boleh meningkatkan prestasi keseluruhan imej memuatkan.

Atas ialah kandungan terperinci Bagaimanakah saya boleh memaparkan imej daripada data binari dalam satu skrip tanpa menyimpannya ke cakera?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

11 skrip pemendek URL terbaik PHP (percuma dan premium) 11 skrip pemendek URL terbaik PHP (percuma dan premium) Mar 03, 2025 am 10:49 AM

11 skrip pemendek URL terbaik PHP (percuma dan premium)

Bekerja dengan Data Sesi Flash di Laravel Bekerja dengan Data Sesi Flash di Laravel Mar 12, 2025 pm 05:08 PM

Bekerja dengan Data Sesi Flash di Laravel

Pengenalan kepada API Instagram Pengenalan kepada API Instagram Mar 02, 2025 am 09:32 AM

Pengenalan kepada API Instagram

Respons HTTP yang dipermudahkan dalam ujian Laravel Respons HTTP yang dipermudahkan dalam ujian Laravel Mar 12, 2025 pm 05:09 PM

Respons HTTP yang dipermudahkan dalam ujian Laravel

Bina aplikasi React dengan hujung belakang Laravel: Bahagian 2, React Bina aplikasi React dengan hujung belakang Laravel: Bahagian 2, React Mar 04, 2025 am 09:33 AM

Bina aplikasi React dengan hujung belakang Laravel: Bahagian 2, React

Curl dalam PHP: Cara Menggunakan Pelanjutan PHP Curl dalam API REST Curl dalam PHP: Cara Menggunakan Pelanjutan PHP Curl dalam API REST Mar 14, 2025 am 11:42 AM

Curl dalam PHP: Cara Menggunakan Pelanjutan PHP Curl dalam API REST

12 skrip sembang php terbaik di codecanyon 12 skrip sembang php terbaik di codecanyon Mar 13, 2025 pm 12:08 PM

12 skrip sembang php terbaik di codecanyon

Pemberitahuan di Laravel Pemberitahuan di Laravel Mar 04, 2025 am 09:22 AM

Pemberitahuan di Laravel

See all articles