JavaScript でデータ URL を BLOB インスタンスに変換するにはどうすればよいですか?

DataURL から Blob インスタンスを取得する

FileReader の readAsDataURL() を使用して、任意のデータをデータ URL に変換するのは一般的なタスクです。ただし、データ URL を BLOB インスタンスに戻す必要が生じた場合、組み込みのブラウザー API は不明確に見えるかもしれません。

この問題を解決するために、Matt は以前のディスカッション (変換方法) で解決策を提供しました。 dataURL を JavaScript のファイル オブジェクトに変換しますか?)。 BlobBuilder は現在非推奨になっていますが、更新されたコードはデータ URL を BLOB に効果的に変換します。

<code class="js">function dataURItoBlob(dataURI) {
  const byteString = atob(dataURI.split(',')[1]);
  const mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];

  const ab = new ArrayBuffer(byteString.length);
  const ia = new Uint8Array(ab);

  for (let i = 0; i < byteString.length; i++) {
    ia[i] = byteString.charCodeAt(i);
  }

  return new Blob([ab], { type: mimeString });
}</code>

このコード スニペットは、データ URL を簡単に BLOB に変換し、最初のクエリに対処し、データ操作のための実用的なツールを提供します。

以上がJavaScript でデータ URL を BLOB インスタンスに変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。