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

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 サイトの他の関連記事を参照してください。