Récemment, je suis venu sur une page Web avec des images à l'intérieur, mais il n'y avait pas de ressources d'image externes référencées. J'étais très curieux. Après avoir vérifié le code, j'ai constaté que les images à l'intérieur étaient remplacées par une chaîne codée Base64. C'est ce qu'on appelle le schéma de données URI.
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
J'ai fait une page simple moi-même, cliquez pour afficher la page de test, vous pouvez jeter un œil au code source. L'opération globale est la suivante:
1 image codée de base64
Sous Linux, vous pouvez utiliser directement le chemin d'image Base64 + pour générer des chaînes codées Base64
image:
Utilisez la commande:
base64 Android.png
La chaîne résultante est:
Copier le code