Heim >Web-Frontend >H5-Tutorial >Verwenden Sie eine HTML5-Datei, um base64 in images_html5-Tutorial-Fähigkeiten zu konvertieren

Verwenden Sie eine HTML5-Datei, um base64 in images_html5-Tutorial-Fähigkeiten zu konvertieren

WBOY
WBOYOriginal
2016-05-16 15:49:071953Durchsuche

Ich bin gerade auf das Konzept der Inline-Bilder gestoßen. Auch wenn die Bilddatei in Base64 für Inline-Bilder codiert ist, sehen Sie sich den Code unten an, um das Inline-Problem zu erkennen ist, dass es nicht domänenübergreifend zwischengespeichert werden kann!



Code kopierenDer Code lautet wie folgt:


So konvertieren Sie Bilder online in Base64

Wenn Sie sich nur darauf verlassen einfaches Javascript, es gibt js mit Berechtigungsproblemen, das aus Sicherheitsgründen keine Vorgänge für lokale Dateien oder Ordner zulässt

Jetzt, da HTML5 da ist, gibt es viele Informationen zu Baidu, einschließlich chinesischer und W3C-Dokumente http:/ /www.w3.org/TR/FileAPI/

Jetzt verwenden wir die readAsDataURL-Funktion in der Datei-API von HTML5. Dies ist eine Funktion, die die Datei in Base64-Kodierung konvertiert



Code kopierenDer Code lautet wie folgt:





Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn