> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 Base64 문자열을 ArrayBuffer로 디코딩하는 방법은 무엇입니까?

JavaScript에서 Base64 문자열을 ArrayBuffer로 디코딩하는 방법은 무엇입니까?

Susan Sarandon
풀어 주다: 2024-11-17 20:06:02
원래의
739명이 탐색했습니다.

How to Decode Base64 Strings to ArrayBuffers in JavaScript?

JavaScript에서 Base64 문자열을 ArrayBuffer로 디코딩

JavaScript에서는 외부 서버 요청을 사용하지 않고도 Base64 문자열을 ArrayBuffer로 변환할 수 있습니다. 이 프로세스를 통해 브라우저 자체 내에서 사용자가 제공한 Base64 데이터를 처리할 수 있습니다.

이 변환을 수행하려면 다음 단계를 수행할 수 있습니다.

function base64ToArrayBuffer(base64) {
    const binaryString = atob(base64); // Convert Base64 to raw binary string
    const bytes = new Uint8Array(binaryString.length); // Create new Uint8Array
    for (let i = 0; i < binaryString.length; i++) { // Loop through each char in binary string
        bytes[i] = binaryString.charCodeAt(i); // Set byte at index to corresponding code
    }
    return bytes.buffer; // Return converted ArrayBuffer
}
로그인 후 복사

이 기능은 Base64 디코딩으로 시작됩니다. 문자열을 원시 바이너리 문자열로 변환하는 기본 atob() 함수를 사용합니다. 그런 다음 이진 문자열과 길이가 동일한 새 Uint8Array를 만들고 이진 문자열의 각 문자를 반복합니다. 각 문자에 대해 해당 코드 포인트가 추출되어 Uint8Array의 적절한 바이트에 할당됩니다. 마지막으로 실제 ArrayBuffer를 나타내는 Uint8Array의 버퍼 속성이 결과로 반환됩니다.

사용법을 보여주기 위해:

const base64String = "JVBERi0xLjQK";
const arrayBuffer = base64ToArrayBuffer(base64String);
로그인 후 복사

이 예에서는 base64String이 Base64 인코딩에서 변환됩니다. base64ToArrayBuffer() 함수를 사용하여 arrayBuffer에 추가합니다. 그러면 이 ArrayBuffer는 JavaScript 내에서 필요에 따라 추가로 처리될 수 있습니다.

위 내용은 JavaScript에서 Base64 문자열을 ArrayBuffer로 디코딩하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿