JS 中關於 base64 的一些事

2021-09-24 06:39:38 字數 2946 閱讀 7620

base64其實是一種編碼轉換方式, 將ascii字元轉換成普通文字, 是網路上最常見的用於傳輸8bit位元組**的編碼方式之一。

base64由字母a-za-z0-9以及+/, 再加上作為墊字的=, 一共65字元組成乙個基本字符集, 其他所有字元都可以根據一定規則, 轉換成該字符集中的字元。

abcde=>ywjjzgu=abcde=>qujdreu=

在日常開發中, 最常見的便是將blobbase64之間相互轉換.

// blob to base64

function

blobtobase64(blob)

filereader.readasdataurl(blob) // 讀取blob

}// base64 to blob

function

datauritoblob(datauri)

return

new blob([intarray], ) // 轉成 blob

}複製**

瀏覽器

最新的瀏覽器自帶了兩個方法用於base64的編碼和解碼

分別是atobbtoa

對於舊版瀏覽器, 可以使用js-base64

node

目前node中還不支援使用atobbtoa,但是可以通過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個二進位制位,即四個位元組。

規則是這麼說, 但這一步我覺得可以忽略, 因為00101010101010是一樣的

將每組對應的二進位制轉成十進位制, 在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...