JavaScript에서 데이터 URL을 Blob 인스턴스로 다시 변환하는 방법은 무엇입니까?

DataURL에서 Blob 인스턴스 검색

FileReader의 readAsDataURL()을 사용하여 임의의 데이터를 데이터 URL로 변환하는 것은 일반적인 작업입니다. 그러나 데이터 URL을 다시 Blob 인스턴스로 되돌려야 하는 경우 내장 브라우저 API가 불분명해 보일 수 있습니다.

이 문제를 해결하기 위해 Matt는 이전 토론에서 해결책을 제시했습니다(변환 방법 javascript의 파일 객체에 대한 dataURL?). 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!