ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript を使用して BLOB を Base64 文字列に変換する方法

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

Mary-Kate Olsen
リリース: 2024-11-20 00:40:03
オリジナル
495 人が閲覧しました

How to Convert a Blob to a Base64 String Using JavaScript?

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

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