base64
其實是一種編碼轉換方式, 將ascii
字元轉換成普通文字, 是網路上最常見的用於傳輸8bit位元組**的編碼方式之一。
base64
由字母a-z
、a-z
、0-9
以及+
和/
, 再加上作為墊字的=
, 一共65字元組成乙個基本字符集, 其他所有字元都可以根據一定規則, 轉換成該字符集中的字元。
在日常開發中, 最常見的便是將abcde
=>ywjjzgu=
abcde
=>qujdreu=
blob
和base64
之間相互轉換.
// blob to base64
function
blobtobase64(blob)
filereader.readasdataurl(blob) // 讀取blob
}// base64 to blob
function
datauritoblob(datauri)
return
new blob([intarray], ) // 轉成 blob
}複製**
瀏覽器
最新的瀏覽器自帶了兩個方法用於base64
的編碼和解碼
分別是atob
和btoa
對於舊版瀏覽器, 可以使用js-base64
node
目前node
中還不支援使用atob
和btoa
,但是可以通過buffer
來實現, 參考文件
if (typeof btoa === 'undefined') ;
}if (typeof atob === 'undefined') ;
}複製**
base64編碼方式對於中文是不適用的, 因為中文對應多個位元組, 因此可以先使用原始碼encodeuricomponent
編碼後再進行base64
編碼.
編碼每三個位元組作為一組,每個位元組8bit, 一共是24個二進位制位。
'abcd'
["abc", "d"] // 每三位元組做一組
['01000001010000100100001', '01000100'] // 轉成8bit
複製**
將每組的24個二進位制位再細分為四組,每組有6個二進位制位, 此時為二維陣列。
[['010000', '010100', '001001', '000011'], ['010001', '00']]
複製**
在每組前面加兩個00,擴充套件成32個二進位制位,即四個位元組。
規則是這麼說, 但這一步我覺得可以忽略, 因為將每組對應的二進位制轉成十進位制, 在00101010
和101010
是一樣的
base64char
字符集中找到對應的字元。
[["q", "u", "j", "d"], ["r", "a"]]
複製**
[["q", "u", "j", "d"], ["r", "a", "=", "="]]
複製**
將最後的結果連線成字串, 則為最終編碼結果。
'abcd' > 'qujdra=='
根據編碼方式來看, 每3個位元組將會被編碼成四個字元, 如果不足3個位元組, 則補上墊字元=
, 缺幾個就補幾個。
btoa('a') // "qq=="
btoa('ab') // "qui="
btoa('abc') // "qujd"
btoa('abcd') // "qujdra=="
複製**
解碼
解碼步驟就是跟編碼步驟反過來
每四個位元組分為一組。
將每組的中除了墊字元=
外的字元, 在base64char
字符集中找到所在下標。
將十進位制下標轉成二進位制, 如果不夠6位(一定不會超過6位), 則在前面補0
。
如果遇到墊字元=
, 說明其明文不足3位元組, 則根據墊字元=
的數量, 在該組最後一項中去掉對應個數的0
乙個墊字元, 則去掉兩個0
兩個墊字元, 則去掉四個0
將每組中的二進位制字串連線,此時字串長度一定是8的倍數,然後每8位分割成乙個位元組。
通過string.fromcharcode
將二進位制轉成字元, 然後拼接
將各個字元連線, 為最終解碼結果。
// n進製轉十進位制
parseint('1000', 2) // 8
parseint('1000', 16) // 4096
// 進製間轉換
(10).tostring(2) // "1010", 10進製轉2進製
(0xff).tostring(2) // "11111111", 16進製制轉2進製
複製**
原來瀏覽器原生支援js base64編碼解碼
base64筆記
關於base64的學習
base64編碼原理分析 base64編碼 base64是網路上最常見的用於傳輸8bit位元組 的編碼方式之一。base64編碼的作用 因為有些網路傳送渠道並不支援所有的位元組,例如傳統的郵件只支援可見字元的傳送,像ascii碼的控制字元就不能通過郵件傳送。這樣就受到了很大的限制,比如二進位製流的每...
js實現base64的轉化
一 前言 1 字串轉base64。2 base64轉字串。3 input file選擇的轉base64。5 input file 修改上傳型別。二 外掛程式 將base64之間的轉化封裝成了外掛程式如下 js外掛程式 自定義乙個類 建構函式 function base64 else if c 127...
Lazarus中Base64的操作
在字串處理中,我們經常需要對檔案編碼然後再進行傳輸,通常會使用base64編碼,在freepascal中預設整合了這個單元,我們來介紹如何使用 首先需要在引用單元的時候使用 use base64 這個函式直接對字串進行解密 加密操作,非常簡單 procedure tform1 button1clic...