Maison > interface Web > Tutoriel H5 > Utiliser le fichier HTML5 pour convertir base64 en compétences du didacticiel images_html5

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

WBOY
Libérer: 2016-05-16 15:49:07
original
1950 Les gens l'ont consulté

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 :