JavaScript を使用してデータ URL を BLOB に変換できますか?

DataURL から BLOB を取得する

質問:

FileReader の readAsDataURL() メソッドを使用すると、データを Data に変換できます。 URL。しかし、このプロセスを逆にして、組み込みブラウザ API を使用してデータ URL から BLOB インスタンスを作成する方法はありますか?

回答:

解決策が提案されましたMatt による 1 年前のディスカッション スレッド「javascript で dataURL をファイル オブジェクトに変換するには?」

更新されたコード:

BlobBuilder は非推奨になったため、ここにあります更新されたコード:

<code class="javascript">function dataURItoBlob(dataURI) {
  // Convert base64 to raw binary data as a string
  let byteString = atob(dataURI.split(',')[1]);

  // Extract the MIME type
  let mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];

  // Convert the string to an ArrayBuffer
  let ab = new ArrayBuffer(byteString.length);
  let ia = new Uint8Array(ab);

  // Set the ArrayBuffer bytes to the appropriate values
  for (let i = 0; i < byteString.length; i++) {
    ia[i] = byteString.charCodeAt(i);
  }

  // Create a Blob from the ArrayBuffer
  let blob = new Blob([ab], { type: mimeString });
  return blob;
}</code>

以上がJavaScript を使用してデータ URL を BLOB に変換できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。