ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で PNG 画像を Base64 文字列にエンコードするにはどうすればよいですか?

JavaScript で PNG 画像を Base64 文字列にエンコードするにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-11-01 08:45:30
オリジナル
616 人が閲覧しました

How to Encode a PNG Image to a Base64 String in JavaScript?

JavaScript での Base64 エンコードとデコード

質問:

PNG 画像はどのように作成できますかJavaScript で Base64 文字列にエンコードされていますか?

回答:

JavaScript は、btoa()atob() を提供します。 Base64 エンコードおよびデコード用の関数。

説明:

Base64 へのエンコード:

  • btoa () は、8 ビットのバイト値を表す「文字列」を受け入れます。
  • 入力文字列に 8 ビット以外の文字が含まれている場合、エンコード エラーが発生する可能性があります。

Base64 からのデコード:

  • atob() は、各文字が 8 ビットのバイト値を表す「文字列」を返します。
  • 入力が既に ASCII エンコードされたバイナリ データでない限り、結果は ASCII ではありません。

追加の注意事項:

  • 古いブラウザは をサポートしていない可能性があります。 btoa()atob()。 CanIUse を使用して確認します: https://caniuse.com/?search=atob
  • JavaScript でのバイナリ画像データのロードの詳細については、次を参照してください: https://stackoverflow.com/questions/9354592/how- do-i-load-binary-image-data-using-javascript-and-xmlhttprequest

以上がJavaScript で PNG 画像を Base64 文字列にエンコードするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート