javascript 使用btoa和atob来进行Base64转码和解码

时间 2019-11-12

标签 javascript 使用 btoa atob 进行 base64 base 解码栏目 JavaScript 繁體版

原文原文链接

javascript原生的api原本就支持,Base64,可是因为以前的javascript局限性，致使Base64基本中看不中用。当前html5标准正式化之际，Base64将有较大的转型空间,对于Html5 Api中出现的如FileReader Api, 拖拽上传,甚至是Canvas,Video截图均可以实现。javascript

好了，前言说了一大堆，开发者须要重视：html

一.咱们来看看，在javascript中如何使用Base64转码html5

var str = 'javascript';

window.btoa(str)
//转码结果 "amF2YXNjcmlwdA=="

window.atob("amF2YXNjcmlwdA==")
//解码结果 "javascript"

二.对于转码来讲，Base64转码的对象只能是字符串，所以来讲，对于其余数据还有这必定的局限性，在此特别须要注意的是对Unicode转码。java

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.api

很明显，这种方式是不行的，那么如何让他支持汉字呢，这就要使用window.encodeURIComponent和window.decodeURIComponentide

var str = "China，中国";

window.btoa(window.encodeURIComponent(str))
//"Q2hpbmElRUYlQkMlOEMlRTQlQjglQUQlRTUlOUIlQkQ="

window.decodeURIComponent(window.atob('Q2hpbmElRUYlQkMlOEMlRTQlQjglQUQlRTUlOUIlQkQ='))
//"China，中国"