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.
Dans les données ci-dessus URI, les données représentent le nom du contrat des données obtenues, l'image / GIF 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 le fichier Image / GIF Base64 .
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, Base64 Données GIF codées
Données: Image / PNG;
Données: Image / JPEG;
Données: Image / X-ICON;
Base64 a simplement mis, il traduit des données 8 bits en caractères ASCII standard. 'images /log.gif ”'));
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:
La copie de code est la suivante:
<img src = "http://www.jwzzsw.com/images/log.gif" />
Il peut également être affiché comme ceci:
La copie de code est la suivante:
<img src = "data: image / gif; base64, r0lgodlhagacaiaaap /// waaacwaaaaagacaaaorrads =" />
Nous écrivons le contenu du fichier image directement dans le fichier HTML. L'inconvénient est que le navigateur ne mettra pas en cache de telles images.
PS: Ici, nous vous fournissons une image en ligne à l'outil d'encodage Base64 et à l'outil de conversion de codage Base64 pour votre référence:
Conversion d'image en Base64 Encodage en ligne outil : http://tools.vevb.com/transcoding/img2base64
BASE64 OUTIL ENCODING ET DESCODING: http://tools.vevb.com/transcoding/base64