Wie kann ich ein Bild aus Binärdaten in einem einzigen Skript anzeigen, ohne es auf der Festplatte zu speichern?

Bilder aus Binärdaten in einem einzigen Skript erstellen und anzeigen

Viele Anwendungen erfordern die Fähigkeit, Bilder aus Binärdaten zu verarbeiten und ohne diese anzuzeigen Zwischenspeicherung auf Festplatte. In diesem Artikel wird untersucht, wie diese Funktionalität mithilfe von Daten-URIs erreicht wird.

Daten-URIs

Daten-URIs bieten eine Möglichkeit, Binärdaten direkt in HTML oder CSS einzubetten. Sie bestehen aus drei Teilen:

• MIME-Typ: Identifiziert den Datentyp (z. B. „Bild/PNG“).
• Optionale Kodierung : Gibt die Zeichenkodierung der Daten an (z. B. "base64").
• Daten: Die als String codierten Binärdaten.

Verwenden von Daten-URIs für Bilder

Um ein Bild als Daten-URI einzubetten, gilt das folgende Format verwendet:

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

Zum Beispiel zum Einbetten eines PNG-Bilds als Daten-URI mit Base64-Kodierung:

data:image/png;base64,<encoded-data>

Codebeispiel

Die folgende PHP-Funktion erstellt einen Daten-URI aus einer binären Bilddatei:

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

Um ein Bild aus binären Daten anzuzeigen, können Sie Verwenden Sie einfach den Daten-URI als src-Attribut eines HTML- Element:

echo "<img src='" . data_uri('image.png', 'image/png') . "' alt='My Image' />";

Vorteile von Daten-URIs

Die Verwendung von Daten-URIs für Bilder bietet mehrere Vorteile:

• Reduziertes Netzwerk Anfragen: Daten-URIs betten die Bilddaten direkt in den HTML-Code ein, sodass kein zusätzliches HTTP erforderlich ist Anfragen.
• Herkunftsübergreifendes Laden von Bildern: Daten-URIs können zum Laden von Bildern aus verschiedenen Domänen verwendet werden, wodurch CORS-Probleme gelöst werden.
• Verbesserte Leistung: Durch die Eliminierung zusätzlicher Netzwerkanforderungen und Festplatten-E/A können Daten-URIs die Gesamtleistung des Bildes verbessern wird geladen.

Das obige ist der detaillierte Inhalt vonWie kann ich ein Bild aus Binärdaten in einem einzigen Skript anzeigen, ohne es auf der Festplatte zu speichern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!