내장된 API를 사용하여 JavaScript에서 데이터 URL을 다시 Blob으로 변환할 수 있습니까?

DataURL에서 Blob 가져오기

특정 시나리오에서는 FileReader의 readAsDataURL( ) 방법. 그러나 내장된 브라우저 API를 사용하여 이 데이터 URL을 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!