1. ホーム
  2. javascript

[解決済み] DataURLからBlob?

2022-05-13 12:13:13

質問

使用方法 FileReader 's readAsDataURL() 任意のデータをData URLに変換することができます。 Data URLを再び Blob インスタンスに戻す方法はありますか?

どのように解決するのですか?

ユーザー Matt は、1年前に以下のコードを提案しました ( どのようにjavascriptでdataURLをファイルオブジェクトに変換するには? ) があります。

EDIT: いくつかのコメントで報告されているように、BlobBuilderは少し前に非推奨になりました。これは、更新されたコードです。

function dataURItoBlob(dataURI) {
  // convert base64 to raw binary data held in a string
  // doesn't handle URLEncoded DataURIs - see SO answer #6850276 for code that does this
  var byteString = atob(dataURI.split(',')[1]);

  // separate out the mime component
  var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]

  // write the bytes of the string to an ArrayBuffer
  var ab = new ArrayBuffer(byteString.length);

  // create a view into the buffer
  var ia = new Uint8Array(ab);

  // set the bytes of the buffer to the correct values
  for (var i = 0; i < byteString.length; i++) {
      ia[i] = byteString.charCodeAt(i);
  }

  // write the ArrayBuffer to a blob, and you're done
  var blob = new Blob([ab], {type: mimeString});
  return blob;

}