Es posible que haya notado que algunas imágenes en la página web tienen una gran cadena de caracteres seguidos de la URL de la imagen de fondo SRC o CSS, como: Data: Image/PNG; Base64, ivborw0kggoaaaansuheugnzvjlywr5ccllpaaaAHHJREFUENO8ZJSOXCAMBFB/KEAUFFR0CBNG3NQPW68ARZDALOZPPPPFIBHHHH5EAB8B+TLT9MYQ66 I1BUQFAQ1CKSVCXZ2ACS6406KUGPT5/KUVGZ5BDCSZO99ZODCZGVT4MJJZMVKQCHA68IIEPB86GAIOV8CDADLIUQBS7MD3WAAABJRU5ERKJGG%%. Entonces, ¿qué es esto? Este es el esquema de URI de datos.
El esquema de URI de datos se define en RFC2397, con el propósito de incrustar algunos pequeños datos directamente en una página web, para que ya no sea necesario cargar desde archivos externos. Por ejemplo, la cadena de caracteres de arriba es en realidad una imagen pequeña. Copie y pegue estos caracteres en la barra de direcciones de Firefox y vaya a ella, puede verlo, una imagen PNG de gris blanco 1x36.
En el URI de datos anterior, los datos representan el nombre de contrato de los datos obtenidos, Image/PNG es el nombre del tipo de datos, Base64 es el método de codificación de los datos y la coma es seguida por los datos codificados por el Base64 de este archivo de imagen/PNG.
Actualmente, los tipos compatibles con el esquema de URI de datos son:
Datos: Datos de texto
Datos: texto/simple, datos de texto
Datos: texto/html, código HTML
Datos: texto/html; base64, código HTML codificado Base64
Datos: texto/CSS, código CSS
Datos: Texto/CSS; Base64, código CSS codificado Base64
Datos: texto/JavaScript, código JavaScript
Datos: Texto/JavaScript; Base64, código JavaScript codificado Base64
Datos: Imagen/GIF; Base64, datos de imagen GIF codificados Base64
Datos: Imagen/PNG; Base64, datos de imagen PNG codificados Base64
Datos: Imagen/JPEG; Base64, datos de imagen JPEG codificados Base64
Datos: Imagen/X-Icon; Base64, datos de imagen de icono codificados Base64
Base64 En pocas palabras, traduce algunos datos de 8 bits en caracteres ASCII estándar. Hay muchas herramientas de codificación y decodificación de Base64 gratuitas en Internet. En PHP, puede usar la función base64_encode () para codificar, como echo base64_encode (file_get_contents ('wg.png'));
Actualmente, los navegadores IE8, Firfox, Chrome y Opera admiten este tipo de inclusión de archivos pequeños.
Tome un ejemplo de una foto:Se puede mostrar una imagen en la página web así:
<img src = http: //www.letuknowit.com/images/wg.png/>
También se puede mostrar así:
Copiar el código