Utiliser le fichier HTML5 pour convertir base64 en compétences du didacticiel images_html5

Je viens de tomber sur le concept d'images en ligne Même si le fichier image est encodé en base64 pour les images en ligne, regardez le code ci-dessous pour voir le problème en ligne

Cela peut réduire les requêtes http, mais l'inconvénient. c'est qu'il ne peut pas être mis en cache sur plusieurs domaines !

Copier le code

Le code est le suivant :

Ensuite, comment convertir des images en base64 en ligne

Si vous comptez uniquement sur javascript simple, il y a js avec des problèmes d'autorisation qui ne permet pas les opérations sur les fichiers ou dossiers locaux pour des raisons de sécurité

Maintenant que HTML5 est là, il y a beaucoup d'informations sur Baidu, y compris des documents chinois et w3c http:/ /www.w3.org/TR/FileAPI/

Maintenant, nous utilisons la fonction readAsDataURL dans l'API du fichier html5. Il s'agit d'une fonction qui convertit le fichier en encodage base64

.

Copier le code

Le code est le suivant :