JavaScript の atob を使用して Base64 をデコードすると、utf-8 文字列が適切にデコードされません

JavaScript の atob は、エンコードされた Base64 文字列を適切にデコードできますASCII 文字の場合、たとえば window.atob('YQ==') は ASCII 文字「a」を返します。ただし、UTF-8 Unicode 文字でエンコードされた Base64 文字列は適切にデコードされません。たとえば、window.atob('4pyTIMOgIGxhIG1vZGU=') は、「✓ à la mode」ではなく「⢠à la mode」を返します。 .

UTF-8 でエンコードされた Base64 文字列を適切にデコードするには、escape 関数と unescape 関数を使用する必要があります。この場合、window.atob(unescape(encodeURIComponent('✓ à la mode'))) は '4pyTIMOgIGxhIG1vZGU=' を返し、window.atob('4pyTIMOgIGxhIG1vZGU=') は '✓ à la mode' を返します。

受信した Base64 でエンコードされたストリームを処理して、utf-8 としてデコードされるようにするもう 1 つのオプションは、TextDecoder クラスを使用することです。このクラスは、base64 でエンコードされた文字列を UTF-8 文字列にデコードする方法を提供します。使用方法の例を次に示します。

const text = '4pyTIMOgIGxhIG1vZGU=';
const decoder = new TextDecoder('utf-8');
const decodedText = decoder.decode(Uint8Array.from(atob(text)));
console.log(decodedText); // '✓ à la mode'