> 웹 프론트엔드 > JS 튜토리얼 > JavaScript를 사용하여 Base64에서 문자열을 어떻게 인코딩하고 디코딩합니까?

JavaScript를 사용하여 Base64에서 문자열을 어떻게 인코딩하고 디코딩합니까?

Susan Sarandon
풀어 주다: 2024-10-31 19:52:29
원래의
573명이 탐색했습니다.

How do I encode and decode strings in Base64 using JavaScript?

JavaScript를 사용하여 Base64에서 문자열 인코딩 및 디코딩

바이너리 데이터로 작업할 때 적합한 형식으로 인코딩해야 합니다. 인터넷을 통한 전송이나 데이터베이스 저장이 종종 발생합니다. JavaScript는 이러한 목적에 유용한 도구인 Base64 인코딩을 제공합니다.

btoa()로 인코딩

JavaScript를 사용하여 Base64에서 문자열을 인코딩하려면 btoa( ) 기능. 이 함수는 8비트 바이트 배열을 나타내는 문자열 매개변수를 가져와 Base64로 인코딩된 문자열로 변환합니다. 예를 들어:

<code class="javascript">const encodedString = btoa('Hello World!'); // Output: "SGVsbG8gV29ybGQh"</code>
로그인 후 복사

atob()로 디코딩

Base64로 인코딩된 문자열이 있고 이를 원래 형식으로 다시 디코딩하려는 경우 다음을 수행할 수 있습니다. atob() 함수를 사용하세요. 각 문자가 8비트 바이트를 나타내는 문자열을 반환합니다.

<code class="javascript">const decodedString = atob('SGVsbG8gV29ybGQh'); // Output: "Hello World!"</code>
로그인 후 복사

고려 사항

btoa() 및 atob()이 작동한다는 점에 유의하는 것이 중요합니다. 바이트 배열이므로 문자열에 ASCII가 아닌 문자나 이진 데이터가 포함되어 있으면 btoa()를 사용하기 전에 인코딩해야 할 수도 있습니다. 또한 atob() 함수는 이진 문자열을 반환합니다. 출력을 텍스트 문자열로 해석하려면 유니코드 API를 사용하여 유니코드 문자열로 변환해야 할 수도 있습니다.

대체 리소스

자세한 내용은 JavaScript에서 바이너리 데이터를 처리하는 경우 다음 리소스를 참조할 수 있습니다.

  • [Javascript 및 XMLHttpRequest를 사용하여 바이너리 이미지 데이터를 어떻게 로드합니까?](https://stackoverflow.com/questions/3422673 /how-do-i-load-binary-image-data-using-javascript-and-xmlhttprequest)

브라우저 호환성

대부분의 최신 브라우저에서는 btoa() 및 atob()을 지원하므로 코드에서 사용하기 전에 항상 가용성을 확인하는 것이 좋습니다. CanIUse와 같은 온라인 도구를 사용하여 호환성을 확인할 수 있습니다.

  • [Atob](https://caniuse.com/?search=atob)
  • [Btoa](https: //caniuse.com/?search=btoa)

위 내용은 JavaScript를 사용하여 Base64에서 문자열을 어떻게 인코딩하고 디코딩합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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