javascript使用btoa和atob來進行Base64轉碼和解碼

javascript中如何使用Base64轉碼

 let str = 'javascript';let btoaStr = window.btoa(str);  //轉碼結果 amF2YXNjcmlwdA==console.log(btoaStr);console.log(window.atob(btoaStr)); //解碼結果 javascript

?

Base64轉碼的對象只能是字符串,

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

?

那么如何讓他支持漢字呢?

let str = 'javascript,博客';
let btoaStr = window.btoa(window.encodeURIComponent(str));  //轉碼結果  amF2YXNjcmlwdCUyQyVFNSU4RCU5QSVFNSVBRSVBMg==
console.log(btoaStr);
console.log(window.decodeURIComponent(window.atob(btoaStr))); //解碼結果 javascript,博客

?

這就是btoa 和 atob的簡單實用,希望對大家有所幫助。

轉載于:https://www.cnblogs.com/zqyongheng/p/9072882.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/251707.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/251707.shtml
英文地址,請注明出處:http://en.pswp.cn/news/251707.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

珠寶條碼打印掃描解決方案

隨著人們生活水平的逐步提高,珠寶消費日益增長,據統計,我國珠寶首飾零售規模超過7000億,過去5年復合增長為15%,是規模增長最為迅速的可選消費品類之一。面對千億級的消費市場,珠寶行業競爭激烈,…

課程作業1

1使用組合數公式利用n!來計算 a.設計思想 定義n和k,用遞歸函數表示出N!的階乘結果,c(n,k)n!/(k!(n-k)!);調用函數求出c(n,k)的結果 b.源代碼 package kecheng1; import java.util.Scanner; public class Test {public static void main(String[] args) {…

新手學Python推薦的四本書籍+2個資源網站

2019獨角獸企業重金招聘Python工程師標準>>> 很多伙伴初學Python,會問到:有沒有好的學習書籍推薦?有沒有好的學習網站推薦? 針對這類伙伴的問題,小優給大家整理了學習Python的四本書籍2個資源網站&#xff…

【轉】Linux系統編程---dup和dup2詳解

正常的文件描述符: 在linux下,通過open打開以文件后,會返回一個文件描述符,文件描述符會指向一個文件表,文件表中的節點指針會指向節點表。看下圖: 打開文件的內核數據結構 dup和dup2兩個函數都可以用來復制…

Android Activity標簽屬性

Android Activity標簽屬性 Activity 是 Android 系統四大應用組件之一,用戶可與 Activity 提供的屏幕進行交互,以執行撥打電話、拍攝照片、發送電子郵件等操作開發者必須在清單文件中聲明要使用的 Activity,這樣系統才能訪問它。聲明方式是在…

Java -----JVM運行時數據區

一、JVM體系結構 想要了解運行時數據區,先關注一下JVM的體系結構,知道數據區在JVM的整體位置和作用。 二、JVM運行時數據區 1.程序計數器 一塊較小的內存空間,它是當前線程所執行的字節碼的行號指示器,字節碼解釋器工作時通過改變…

20155235 《網絡攻防》 實驗八 Web基礎

20155235 《網絡攻防》 實驗八 Web基礎 實驗內容 Web前端HTML(0.5分) 能正常安裝、啟停Apache。理解HTML,理解表單,理解GET與POST方法,編寫一個含有表單的HTML。Web前端javascipt(0.5分) 理解JavaScript的基本功能,理解DOM。編寫JavaScript驗…

python每天1道面試題(3)--字符串組合

""" 題目3:輸入一個字符串,輸出該字符串中字符的所有組合。舉個例子,如果輸入abc,它的組合有a、b、c、ab、ac、bc、abc。解題思路: 先用列舉法,舉例出組合元素長度分別是1,2,..,len(str)時的具體元素, 然后發現當數…

【每周一圖】蜂鳥

攝影/祈澈姑娘小花園偶遇的一只蜂鳥轉載于:https://www.cnblogs.com/wangting888/p/9702088.html

API網關如何實現對服務下線實時感知

上篇文章《Eureka 緩存機制》介紹了Eureka的緩存機制,相信大家對Eureka 有了進一步的了解,本文將詳細介紹API網關如何實現服務下線的實時感知。 一、前言 在基于云的微服務應用中,服務實例的網絡位置都是動態分配的。而且由于自動伸縮、故障和…

TCP為什么要三次握手和四次揮手

http://www.jellythink.com/archives/705 簡析TCP的三次握手與四次分手 https://zhuanlan.zhihu.com/p/24001696 計算機網絡面試題 https://www.zhihu.com/question/36930631 TCP四次分手中,主動關閉方最后為什么要等待2MSL之后才關閉連接? http://ww…

Java處理文件BOM頭的方式推薦

背景: java普通的文件讀取方式對于bom是無法正常識別的。 使用普通的InputStreamReader,如果采用的編碼正確,那么可以獲得正確的字符,但bom仍然附帶在結果中,很容易導致數據處理出錯。另外,對于存在BOM頭的…

封裝svg組件

如何封裝svg圖標組件 封裝svg圖標組件的方法有很多種,如果只是單純的想使用svg圖標,可以將svg導出fonts字體圖標使用,但這樣做會失去svg原有的樣式與尺寸,也可以當成img圖片或者背景引入,但這樣做非常繁瑣。 最近項目中…

RabbitMQ 延遲隊列,消息延遲推送

應用場景 目前常見的應用軟件都有消息的延遲推送的影子,應用也極為廣泛,例如: 淘寶七天自動確認收貨。在我們簽收商品后,物流系統會在七天后延時發送一個消息給支付系統,通知支付系統將款打給商家,這個過程…

windows Navicat Premium連接oracle

需要下載并指定Instant Client 下載地址:在oracle官網搜索Instant Client Downloads選擇自己需要的客戶端 //說明 //Navicat 版本 9 或以上捆綁了 instant client,但是捆綁的用不了,捆綁的10.2。因此下載高版本替換之 //版本有要求&#xff0…

關于arraylist的擴容機制

ArrayList會自動改變size的長度: 首先,ArrayList定義了一個私有的未被序列化的數組elementData,用來存儲ArrayList的對象列表(注意只定義未初始):private transient Object[] elementData;   其次&am…

不同級別UI設計師的區別有哪些?

不同等級的UI設計師在工作內容以及基本的薪資待遇方面也是有區別的,很多在UI培訓學校學習的小伙伴們并不知道各個等級的UI設計師工作內容有什么差別,那么合肥學碼思小編就給大家總結一下這些區別分別表現在哪些方面。 一、初級UI設計師 初級UI設計師的主…

Linux命令行參數前加--,-和不加杠

參數前“-”的表明后面的參數是字符形式。參數前“--”的則表明后面的參數是單詞形式。參數前有橫的是System V風格。 參數前沒有橫的是BSD風格。 轉載于:https://www.cnblogs.com/YYRise/p/9090476.html

反射筆記-----------------------------

1.反射基本概念: 01.定義: 反射是指在程序運行期間,能夠觀察和修改類或者類的對象的屬性和行為的特性! 02.作用: 001.在運行期間獲取類的修飾符,包名,類名,實現的接口,繼…

kubernetes 集群部署

kubernetes 集群部署 環境JiaoJiao_Centos7-1(152.112) 192.168.152.112JiaoJiao_Centos7-2(152.113) 192.168.152.113JiaoJiao_Centos7-3(152.114) 192.168.152.114已開通 4C8G80G 集群規劃 部署方式 環境準備:基于主機名稱通信,時間同步,關…