js zeigt Base64-codierte Binärstream-Webseitenbilder an._Javascript-Fähigkeiten

Daten-URI-Schema.
Das Daten-URI-Schema ist in RFC2397 definiert. Der Zweck besteht darin, einige kleine Daten direkt in Webseiten einzubetten, sodass sie nicht aus externen Dateien geladen werden müssen. Bei der obigen Zeichenfolge handelt es sich beispielsweise tatsächlich um ein kleines Bild. Kopieren Sie diese Zeichen, fügen Sie sie in die Adressleiste von Firefox ein und rufen Sie sie auf. Sie sehen ein 2*2 weißes GIF-Bild.
Im obigen Daten-URI stellt „data“ den Protokollnamen zum Abrufen von Daten dar, „image/gif“ ist der Name des Datentyps, „base64“ ist die Codierungsmethode der Daten und was auf das Komma folgt, sind die Base64-codierten Daten des Bildes /gif-Datei.
Derzeit unterstützt das Daten-URI-Schema folgende Typen:
Daten:, Textdaten
Daten:Text/Plain, Textdaten
Daten:Text/HTML, HTML-Code
Daten:Text / html;base64,base64-codierter HTML-Code
data:text/css,CSS-Code
data:text/css;base64,base64-codierter CSS-Code
data:text/javascript,Javascript-Code
Daten :text/javascript;base64,base64-codierter Javascript-Code
data:image/gif;base64,base64-codierte GIF-Bilddaten
data:image/png;base64,base64-codierte PNG-Bilddaten
data:image/ jpeg;base64,base64-kodierte JPEG-Bilddaten
data:image/x-icon;base64,base64-kodierte Symbolbilddaten
base64 übersetzt einfach ausgedrückt einige 8-Bit-Daten in Für Standard-ASCII-Zeichen gibt es Es gibt viele kostenlose Base64-Kodierungs- und Dekodierungstools im Internet. In PHP können Sie die Funktion base64_encode() zum Kodieren verwenden, z. B. echo base64_encode(file_get_contents('images/log.gif')); Die Browser Firefox, Chrome und Opera unterstützen alle diese Art der Einbettung kleiner Dateien.
Nehmen Sie ein Beispiel für ein Bild:
Ein Bild auf einer Webseite kann folgendermaßen angezeigt werden:

Code kopieren Der Code lautet wie folgt:

kann auch so angezeigt werden:

Kopieren Sie den Code Der Code lautet wie folgt:

Der Inhalt der Bilddatei wird direkt in die HTML-Datei geschrieben. Der Vorteil besteht darin, dass eine HTTP-Anfrage eingespart wird. Der Nachteil besteht darin, dass der Browser dieses Bild nicht zwischenspeichert.