在前端开发中,将二进制数据编码成文本格式是一个常见的需求。其中最常用的编码方式之一就是Base64。而base64-js
是Node.js和浏览器通用的Base64编解码库,可以方便地将二进制数据转换为Base64字符串并进行反向操作。
安装
使用npm
安装base64-js
:
npm install base64-js
使用方法
首先,导入base64-js
模块:
const base64 = require('base64-js');
将二进制数据编码为Base64字符串
使用base64.fromByteArray()
方法将二进制数据转换为Base64字符串:
const data = new Uint8Array([1, 2, 3]); const base64String = base64.fromByteArray(data); console.log(base64String); // 输出 MDEyMw==
将Base64字符串解码为二进制数据
使用base64.toByteArray()
方法将Base64字符串转换为二进制数据:
const base64String = 'MDEyMw=='; const data = base64.toByteArray(base64String); console.log(data); // 输出 Uint8Array [ 1, 2, 3 ]
示例代码
下面是一个完整的示例,演示如何将图片文件编码为Base64字符串并显示在网页上:
-- -------------------- ---- ------- --------- ----- ------ ------ ------------------------- ------- ------ ---- ------ ----------- ------- ------------------------------------------------------ -------- ----- --- - --- ----------------- --------------- ------------ ------ ---------------- - -------------- ---------- - ---------- - ----- ---- - --- ------------------------- ----- ------------ - --------------------------- ------------------------------------ - ------------------------ - ------------- -- --------------- --------- ------- -------
以上示例代码使用XMLHttpRequest
从服务器获取图片文件的二进制数据,然后使用base64.fromByteArray()
方法将其编码为Base64字符串,并且在网页上显示该图片。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/41673