javascript 은 btoa 와 atob 를 사용 하여 Base 64 디 코딩 과 디 코딩 을 진행 합 니 다.

javascript 원생 api 는 원래 Base 64 를 지원 하지만 이전의 javascript 한계 로 인해 Base 64 는 기본적으로 볼 수 없습니다.현재 html 5 표준 이 정식 화 될 때 Base 64 는 비교적 큰 전환 공간 이 있 을 것 이다.Html 5 Api 에 나타 난 예 를 들 어 FileReader Api,드래그 업로드,심지어 Canvas,비디오 캡 처 도 가능 하 다.
자,앞에서 말 했 듯 이 Base 64 코드 와 디 코딩 은 어떤 방법 이 있 습 니까?
1.자 바스 크 립 트 에서 Base 64 코드 를 어떻게 사용 하 는 지 봅 시다.


var str = 'javascript';

window.btoa(str)
//     "amF2YXNjcmlwdA=="

window.atob("amF2YXNjcmlwdA==")
//     "javascript"

2.디 코딩 에 있어 Base 64 디 코딩 의 대상 은 문자열 일 수 밖 에 없 기 때문에 다른 데이터 에 도 한계 가 있 습 니 다.특히 유 니 코드 디 코딩 에 주의해 야 합 니 다.


var str = "China，  "
window.btoa(str)

Uncaught DOMException: Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range.
이런 방식 은 안 된다 는 것 이 분명 하 다.그렇다면 어떻게 한 자 를 지지 하 게 할 것 인가?
window.encodeURIComponent 와 window.decodeURIComponent 를 사용 해 야 합 니 다.


var str = "China，  ";
window.btoa(window.encodeURIComponent(str))
//"Q2hpbmElRUYlQkMlOEMlRTQlQjglQUQlRTUlOUIlQkQ="

window.decodeURIComponent(window.atob('Q2hpbmElRUYlQkMlOEMlRTQlQjglQUQlRTUlOUIlQkQ='))
//"China，  "

btoa 와 atob 의 사용 방법 은 이렇게 간단 하 니 여러분 이 한번 시도 해 보 세 요.본 논문 의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.또한 우 리 를 많이 지지 해 주시 기 바 랍 니 다!

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

Thymeleaf 의 일반 양식 제출 과 AJAX 제출

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다