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

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

Susan Sarandon
リリース: 2024-12-16 06:59:09
オリジナル
372 人が閲覧しました

How to Encode a PNG Image to Base64 in JavaScript?

JavaScript を使用した Base64 エンコーディング

質問:

JavaScript を使用して PNG 画像を Base64 文字列にエンコードするのに支援が必要です。ファイルの開き方は知っていますが、バイナリ データのエンコードについてはよくわかりません。

回答:

btoa() と atob() を利用する

JavaScript オファーBase64 との間の変換を行う btoa() および atob() 関数エンコーディング.

btoa() 関数

btoa() は、8 ビットのバイト配列を表す「文字列」を受け入れます。 8ビットを超える文字を含む文字列を渡すと誤動作する可能性があります。テキストを操作している場合は、事前にテキストをエンコードする必要があります。

atob() 関数

atob() は各文字の「文字列」を返します。 8ビットバイトを表します。これは ASCII を意味するものではありません。バイナリ データの処理を前提としています。

追加リソース

  • JavaScript と XMLHttpRequest を使用してバイナリ イメージ データをロードする方法?

ブラウザサポート

btoa() と atob() は両方とも幅広いブラウザーをサポートしています。特定の互換性情報については、次のリンクを参照してください:

  • https://caniuse.com/?search=atob
  • https://caniuse.com/?search=btoa

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

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