Detaillierte Einführung in JavaScript mit BTOA und ATOB für die Base64-Transkodierung und -Dekodierung

JavascriptDie native API unterstützt ursprünglich Base64, aber aufgrund der Einschränkungen des vorherigen Javascript ist Base64 grundsätzlich nutzlos. Wenn der aktuelle HTML5-Standard formalisiert wird, verfügt Base64 über einen größeren Raum für Transformationen wie die FileReader-API, Drag-and-Drop-Uploads und sogar Canvas- und Video-Screenshots.

Javascript native API kann realisiert werden Ursprünglich wurde Base64 unterstützt, aber aufgrund der Einschränkungen des vorherigen Javascript war Base64 grundsätzlich nutzlos. Wenn der aktuelle HTML5-Standard formalisiert wird, bietet Base64 einen großen Raum für Transformationen. Für HTML5-APIs wie die FileReader-API können Drag-and-Drop-Uploads und sogar Canvas- und Video-Screenshots realisiert werden.

Okay, ich habe im Vorwort viel über die Methoden der Base64-Transkodierung und -Dekodierung gesagt:

1. Schauen wir uns an, wie man die Base64-Transkodierung in Javascript verwendet

var str = 'javascript';

window.btoa(str)
//转码结果 "amF2YXNjcmlwdA=="

window.atob("amF2YXNjcmlwdA==")
//解码结果 "javascript"

2. Für die Transkodierung kann das -Objekt der Base64-Transkodierung nur eine Zeichenfolge sein, daher sind für andere Daten auch bestimmte Daten erforderlich Besonderes Augenmerk gilt hier der Unicode-Transkodierung.

var str = "China，中国"
window.btoa(str)

Ungefangene DOMException: Fehler beim Ausführen von „btoa“ auf „Fenster“: Die zu kodierende Zeichenfolge enthält Zeichen außerhalb des Latin1-Bereichs .

Diese Methode ist offensichtlich nicht möglich. Wie kann man sie also dafür sorgen, dass sie chinesische Schriftzeichen unterstützt?

Dies erfordert die Verwendung von window.encodeURIComponent und window.decodeURIComponent

var str = "China，中国";
window.btoa(window.encodeURIComponent(str))
//"Q2hpbmElRUYlQkMlOEMlRTQlQjglQUQlRTUlOUIlQkQ="

window.decodeURIComponent(window.atob('Q2hpbmElRUYlQkMlOEMlRTQlQjglQUQlRTUlOUIlQkQ='))
//"China，中国"

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in JavaScript mit BTOA und ATOB für die Base64-Transkodierung und -Dekodierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!