btoa() / atob() / escape() / unescape()

btoa() / atob() / escape() / unescape()

btoa(str) : 將字串轉換為 Base64 編碼。
atob(str) : 將 Base64 編碼還原回字串。 
       但不支援中文字串。

btoa(str) : Convert string to Base64。
atob(str) : Base64 restore back to string。
       But does not support Chinese text strings。

<span id="sp">字串 String </span><br> <input type="text" id="BAin" size="40" value="123456" /> <input type="button" id="BABT" onclick="encodeStr()" value="encode"/> <script> function encodeStr(){ if(BABT.value == "encode"){ BAin.value = btoa(BAin.value) ; BABT.value = "decode" ; sp.innerHTML = "Base64 的編碼" ; return ; } if(BABT.value == "decode"){ BAin.value = atob(BAin.value) ; BABT.value = "encode" ; sp.innerHTML = "字串 String" ; return ; } } </script>

00

escape()           : 將中文字串轉進行編碼後換為 Base64 編碼 
unescape()         : 將 Base64 編碼還原回轉回中文字串 
btoa(escape(str))  : 將字串轉換為 Base64 編碼
unescape(atob(str)): 將 Base64 編碼還原回字串

加入 escape() / unescape()  中英文都能支援 
Both Chinese and English are supported    

<span id="sp">字串 String </span><br> <input type="text" id="BAin" size="40" value="中英文都能支援 E/C" /> <input type="button" id="BABT" onclick="encodeStr()" value="encode"/> <script> function encodeStr(){ if(BABT.value == "encode"){ BAin.value = btoa(escape(BAin.value)); BABT.value = "decode" ; sp.innerHTML = "Base64 的編碼" ; return ; } if(BABT.value == "decode"){ BAin.value = unescape(atob(BAin.value)); BABT.value = "encode" ; sp.innerHTML = "字串 String" ; return ; } } </script>

00

Edit #html #Javascript #Base64 編碼 #decode #encode #btoa() #atob() #escape() #unescape() #字串 String