js affiche la page Web du flux binaire codé en base64 compétences images_javascript

Schéma d’URI de données.
Le schéma d'URI des données est défini dans la RFC2397. Le but est d'intégrer de petites données directement dans des pages Web, afin qu'il ne soit pas nécessaire de les charger à 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 accédez-y, et vous la verrez, une image gif blanche 2*2.
Dans l'URI de données ci-dessus, data représente le nom du protocole pour obtenir des données, image/gif est le nom du type de données, base64 est la méthode d'encodage des données et ce qui suit la virgule est les données codées en base64 de l'image. /gif fichier.
Actuellement, les types pris en charge par le schéma Data URI sont :
data:, text data
data:text/plain, text data
data:text/html, HTML code
data:text / html;base64, code HTML encodé en base64
données:text/css,code CSS
données:text/css;base64,code CSS encodé en base64
données:text/javascript,code Javascript
données :text/javascript;base64, code Javascript encodé en base64
données:image/gif;base64,données d'image gif encodées en base64
données:image/png;base64,données d'image png encodées en base64
données:image/ jpeg; base64, données d'image jpeg encodées en base64
data:image/x-icon;base64, données d'image d'icône encodées en base64
base64 en termes simples, il traduit certaines données 8 bits en Pour les caractères ASCII standard, il Il existe de nombreux outils d'encodage et de décodage base64 gratuits sur Internet. En PHP, vous pouvez utiliser la fonction base64_encode() pour encoder, comme echo base64_encode(file_get_contents('images/log.gif”')); , Firefox, Chrome et Opera prennent tous en charge ce type d'intégration de petits fichiers.
Prenons un exemple d'image :
Une image dans une page Web peut être affichée comme ceci :

Copier le code Le code est le suivant :

peut également être affiché comme ceci :

Copiez le code Le code est le suivant :

a écrit le contenu du fichier image directement dans le fichier HTML. L'avantage est que cela enregistre une requête HTTP. L'inconvénient est que le navigateur ne mettra pas cette image en cache.