javascript エラー「InvalidCharacterError: The string contains invalid characters.」の解決方法

javascript エラー「InvalidCharacterError: The string contains invalid characters.」の解決方法

javascriptで、エラー「InvalidCharacterError: The string contains invalid characters.」が発生した場合の原因と解決方法を記述してます。

環境

  • OS macOS Big Sur
  • ブラウザ safari 15.5

エラー内容

以下のコードを実行した際に発生。

console.log( btoa( '本日は晴天なり') );

エラーメッセージ

InvalidCharacterError: The string contains invalid characters.

画像

原因

「bota」だけでは、日本語はエンコードできないため

解決方法

「encodeURIComponent」と「unescape」を使用する

console.log( btoa( unescape ( encodeURIComponent('本日は晴天なり') ) ) );
// 5pys5pel44Gv5pm05aSp44Gq44KK