JavaScript を使用して BLOB を Base64 文字列に変換する方法

FileReader を使用して Blob を Base64 文字列に変換する

Blob オブジェクトを Base64 文字列に変換するには、次のように FileReader API を使用できます。

var reader = new FileReader();
reader.readAsDataURL(blob);
reader.onloadend = function() {
  var base64data = reader.result;
}

readAsDataURL メソッドは、Blob オブジェクトを Base64 にエンコードします。エンコードが完了すると、onloadend イベントがトリガーされ、結果の Base64 文字列には、base64data 変数を介してアクセスできます。

jQuery の使用

jQuery は、次の簡単な方法を提供します。次のコードでも同じ結果が得られます。

$.ajax({
  url: '<api-endpoint>',
  type: 'POST',
  contentType: false,
  processData: false,
  data: blob,
  success: function(data, status, xhr) {
    var base64data = xhr.getResponseHeader('Content-Type');
  }
});

getResponseHeader メソッドを使用して、サーバー応答から Base64 エンコードされた文字列を抽出できます。

注:結果の Base64 文字列にはデータ URL 宣言が含まれますが、エンコードされたデータのみが必要な場合は削除する必要があります。これは、結果から「data:/;base64」プレフィックスを削除することで実現できます。

以上がJavaScript を使用して BLOB を Base64 文字列に変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。