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

JavaScript で BLOB を Base64 文字列に効率的に変換するにはどうすればよいですか?

Patricia Arquette
リリース: 2024-11-17 20:29:01
オリジナル
536 人が閲覧しました

How to Efficiently Convert a Blob to a Base64 String in JavaScript?

Blob を Base64 に変換する

Web アプリケーションでは、多くの場合、処理または送信のために画像を文字列として保存する必要があります。バイナリ データ オブジェクトを表す BLOB を Base64 文字列に変換すると、イメージの効率的な表現と操作が可能になります。ただし、この変換を実行するための最適なアプローチを見つけるのは難しい場合があります。

一般的なアプローチの 1 つは、FileReader API を使用することです。この API は、BLOB の内容をバイナリ文字列として読み取るために使用できるメソッド readAsBinaryString() を提供します。ただし、このメソッドは、BLOB を Base64 に変換するための最も効率的なオプションではない可能性があります。

代わりに、readAsDataURL() メソッドを使用することをお勧めします。このメソッドは、BLOB のコンテンツを読み取り、データ URL としてエンコードします。データ URL には、オブジェクトの MIME タイプ、カンマ区切り文字、base64 でエンコードされたデータが含まれます。 Base64 でエンコードされたデータを抽出するには、単にデータを削除します:/;base64、結果からプレフィックス。

readAsDataURL() を使用して BLOB を Base64 文字列に変換するには、次の手順に従います。 :

var reader = new FileReader();
reader.onloadend = function() {
  var base64data = reader.result;
  base64data = base64data.replace(/^data:image\/(png|jpeg);base64,/, "");
  console.log(base64data);
};
reader.readAsDataURL(blob);
ログイン後にコピー

このアプローチは、BLOB を Base64 に変換するためのより効率的かつ簡単な方法を提供します。文字列。

以上がJavaScript で BLOB を Base64 文字列に効率的に変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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