在进行前端开发时，不可避免地需要对二进制数据进行编解码。在这个过程中，我们会用到一种常见的编码方式——Base64编码。为了方便使用，有很多第三方库对Base64编码进行封装并提供API供我们调用。其中，typescript-base64-arraybuffer就是一个优秀的npm包。
1. 什么是typescript-base64-arraybuffer
typescript-base64-arraybuffer是一个npm包，为前端开发者提供了将ArrayBuffer数据转化为Base64格式的接口。并且，它不依赖于其他库，完全使用typescript编写。
2. 安装typescript-base64-arraybuffer
使用npm安装typescript-base64-arraybuffer非常简单，只需要在终端执行下面的命令即可：
npm install typescript-base64-arraybuffer --save
3. 使用typescript-base64-arraybuffer
3.1. 将ArrayBuffer转为Base64
在使用typescript-base64-arraybuffer时，首先需要将ArrayBuffer转化为Base64格式。可以使用 arrayBufferToBase64() 方法将数组缓冲区转化为Base64编码的字符串。
-- -------------------- ---- ------- ------ - ------------------- - ---- ------------------------------- -- --------------- ----- ------ - --- -------------- -- -- ---------- ---- ----------- ----- -------- - --- ------------------ ----------- - - ----------- - - ----------- - - -- - ----------- -- ------ -- ----- ------ - --------------------------- ------------------- -- ---------
3.2. 将Base64转为ArrayBuffer
如果需要将Base64格式的字符串转化为ArrayBuffer类型，可以使用 base64ToArrayBuffer() 方法进行转化。
-- -------------------- ---- ------- ------ - ------------------- - ---- ------------------------------- -- ---------------- ----- --------- - ------ -- - ------ ---- ----------- -- ----- ------ - ------------------------------ -- ---- ----------- ------ ----- -------- - --- ------------------ ------------------------ -- -- - ------------------------ -- -- - ------------------------ -- -- -
3.3. 结合使用
使用 arrayBufferToBase64() 方法和 base64ToArrayBuffer() 方法可以方便地进行ArrayBuffer和Base64格式的互转。
-- -------------------- ---- ------- ------ - -------------------- ------------------- - ---- ------------------------------- -- ----------------- ----- ------ - --- -------------- -- -- ---------- ---- ----------- -- ----- -------- - --- ------------------ ----------- - - ----------- - - ----------- - - -- - ----------- ---- ------ ----- ----- --------- - --------------------------- -- - ------ ------- ----------- -- ----- --------- - ------------------------------ -- ---- ----------- ------ ----- ----------- - --- --------------------- --------------------------- -- -- - --------------------------- -- -- - --------------------------- -- -- -
4. 总结
使用typescript-base64-arraybuffer，我们可以很容易地将ArrayBuffer和Base64格式互相转化。当我们需要对二进制数据进行编解码时，可以选择使用这个npm包。它无依赖，易于使用，并且具有很高的兼容性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005606e81e8991b448de932