ホームページ > ウェブフロントエンド > jsチュートリアル > 組み込み API を使用して、JavaScript でデータ URL を BLOB に変換できますか?

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

Linda Hamilton
リリース: 2024-10-26 08:22:30
オリジナル
607 人が閲覧しました

 Can You Convert a Data URL Back to a Blob in JavaScript Using Built-in APIs?

DataURL から BLOB を取得する

特定のシナリオでは、FileReader の readAsDataURL( ) 方法。ただし、このデータ URL は、組み込みブラウザ API を利用して BLOB インスタンスに変換し直すことはできますか?

Matt という名前のユーザーによって解決策が提案されました:

コード スニペット:

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

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

  // Create an ArrayBuffer and Uint8Array
  var ab = new ArrayBuffer(byteString.length);
  var ia = new Uint8Array(ab);

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

  // Create a Blob instance
  var blob = new Blob([ab], { type: mimeString });
  return blob;
}</code>
ログイン後にコピー

注:

その後のコメントで述べたように、BlobBuilder は非推奨になりました。したがって、上記のコードは更新バージョンです。

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

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