Vous avez peut-être remarqué que certaines images sur la page Web ont une grande chaîne de caractères suivie de l'URL de l'image d'arrière-plan SRC ou CSS, telles que: données: image / png; base64, ivborw0kggoaaaansuheugnzvjlywr5ccllpaaaahhjrefueno8zjsoxcambfb / keuffr0cbng3nqpw68arzdalozpppfibhh5eab8b + tlt9myq6 I1BUQFAQ1CKSVCXZ2ACS6406KUGPT5 / KUVGZ5BDCSZO99ZODCZGVT4MJJZMVKQCHA68IIEPB86GAIOV8CDADLIUQBS7MD3WAABJRU5ERKJGG% 3D. Alors qu'est-ce que c'est? Il s'agit du schéma de données URI.
Le schéma de données URI est défini dans RFC2397, dans le but d'incorporer quelques petites données directement dans une page Web, de sorte qu'il n'a plus besoin d'être chargé à partir de fichiers externes. Par exemple, la chaîne de caractères ci-dessus est en fait une petite image. Copiez et collez ces caractères dans la barre d'adresse de Firefox et y allez, vous pouvez le voir, une image PNG gris blanche 1x36.
Dans les données ci-dessus URI, les données représentent le nom du contrat des données obtenues, l'image / PNG est le nom du type de données, Base64 est la méthode de codage des données et la virgule est suivie par les données codées par la base64 de ce fichier d'image / PNG.
Actuellement, les types pris en charge par le schéma de données URI sont:
Données :, Données textuelles
Données: Texte / Plain, données de texte
Données: Texte / HTML, code HTML
Données: texte / html; base64, code HTML codé Base64
Données: texte / CSS, code CSS
Données: texte / CSS; base64, code CSS codé Base64
Données: texte / javascript, code javascript
Données: texte / javascript; Base64, Code JavaScript codé Base64
Données: Image / GIF; base64, base de données d'image GIF codées de base64
Données: Image / PNG; Base64, base64 Données d'image PNG codées
Données: Image / JPEG; Base64, base64 Données d'image JPEG codées
Données: image / x-icon; base64, base de données d'image d'icône codées64
BASE64 En termes simples, il traduit quelques données 8 bits en caractères ASCII standard. Il existe de nombreux outils gratuits de codage et de décodage de base64 sur Internet. Dans PHP, vous pouvez utiliser la fonction base64_encode () pour encoder, telles que Echo Base64_encode (file_get_contents ('wg.png'));
Actuellement, les navigateurs IE8, Firfox, Chrome et Opera prennent tous en charge ce type d'incorporation de petits fichiers.
Prenez un exemple de photo:Une image sur la page Web peut être affichée comme ceci:
<img src = http: //www.letuknowit.com/images/wg.png/>
Il peut également être affiché comme ceci:
Copier le code