Möglicherweise haben Sie festgestellt, dass einige Bilder auf der Webseite eine große Zeichenfolge von Zeichen haben, gefolgt von der URL des SRC- oder CSS -Hintergrundbildes, wie z. B. Daten: Bild/PNG; Base64,, IVBORW0KGGOAAAANSUHUGNZVJLYWR5CCLLPAAAAHHJREFUENO8ZJSOXCAMBFB/KEAFFR0CBNG3NQPW68ARZDALOZPPPFIBHH5AB8B+TLT9MYQ6 I1BUQFAQ1CKKSVCXZ2ACS6406KUGPT5/kUVGZ5BDCSZO99ZODCZGVT4MJJZMVKQCHA68IIEPB86GAIV8CDADLIUQBS7MD3WAAABJRU5ERKJGG%3D. Also, was ist das? Dies ist das Data URI -Schema.
Das Data URI -Schema ist in RFC2397 definiert, um einige kleine Daten direkt in eine Webseite einzubetten, damit es nicht mehr aus externen Dateien geladen werden muss. Zum Beispiel ist die Zeichenfolge der obigen Zeichen tatsächlich ein kleines Bild. Kopieren Sie diese Zeichen und fügen Sie diese Zeichen in die Adressleiste von Firefox ein und gehen Sie dazu. Sie können es sehen, ein 1x36 White Grey PNG -Bild.
In den obigen Daten -URI repräsentiert Daten den Vertragsnamen der erhaltenen Daten, Image/PNG ist der Datentypname, Base64 ist die Codierungsmethode der Daten, und auf das Komma wird von den Daten gefolgt, die von der Base64 dieser Bild-/PNG -Datei codiert werden.
Derzeit sind die vom Data URI -Schema unterstützten Typen:
Daten:, Textdaten
Daten: Text/Klartext, Textdaten
Daten: Text/HTML, HTML -Code
Daten: Text/HTML; Base64, Base64 codierter HTML -Code
Daten: Text/CSS, CSS -Code
Daten: Text/CSS; Base64, Base64 codierter CSS -Code
Daten: Text/JavaScript, JavaScript -Code
Daten: Text/JavaScript; Base64, Base64 codierter JavaScript -Code
Daten: Bild/GIF; Base64, Base64 codierte GIF -Bilddaten
Daten: Bild/PNG; Base64, Base64 codierte PNG -Bilddaten
Daten: Bild/JPEG; Base64, Base64 codierte JPEG -Bilddaten
Daten: Bild/X-ICON; Base64, Base64 codierte Icon -Bilddaten
Base64 Einfach ausgedrückt, es übersetzt einige 8-Bit-Daten in Standard-ASCII-Zeichen. Im Internet gibt es viele kostenlose Base64 -Codierungs- und Dekodierungswerkzeuge. In PHP können Sie die Funktion base64_encode () verwenden, um echo base64_encode (Datei_Get_Contents ('wg.png'));
Derzeit unterstützen IE8-, Firfox-, Chrome- und Opera -Browser diese Art von kleiner Dateieinbettung.
Nehmen Sie ein Beispiel für ein Bild:Ein Bild auf der Webseite kann so angezeigt werden:
<img src = http: //www.letuknowit.com/images/wg.png/>
Es kann auch so angezeigt werden:
Kopieren Sie den Code