JS 中 json数据 与 base64、ArrayBuffer之间转换

JS 中 json数据 与 base64、ArrayBuffer之间转换


json 字符串进行 base64 编码

javascript 复制代码
function jsonToBase64(json) {
  return Buffer.from(json).toString('base64');
}

base64 字符串转为 json 字符串

javascript 复制代码
function base64ToJson(base64) {
  try {
    const binaryString = atob(base64);
    const jsonString = new TextDecoder().decode(new Uint8Array(binaryString.split('').map(c => c.charCodeAt(0))));
    return jsonString;
  } catch (error) {
    console.error('Failed to decode Base64 string:', error);
    throw error;
  }
}

ArrayBuffer 转换为 base64

javascript 复制代码
function arrayBufferToBase64(arrayBuffer) {
  return arrayBuffer.toString('base64');
}

base64 字符串转换为 ArrayBuffer

javascript 复制代码
function base64ToArrayBuffer(base64) {
  const binaryString = atob(base64);
  const bytes = new Uint8Array(binaryString.length);
  for (let i = 0; i < binaryString.length; i++) {
    bytes[i] = binaryString.charCodeAt(i);
  }
  return bytes.buffer;
}
相关推荐
一大树几秒前
Vue3祖孙组件通信方法总结
前端·vue.js
不要进入那温驯的良夜2 分钟前
跨平台UI自动化-Appium
前端
海底火旺2 分钟前
以一个简单的React应用理解数据绑定的重要性
前端·css·react.js
不要进入那温驯的良夜3 分钟前
浏览器技术原理
前端
在泡泡里3 分钟前
前端 mcp 的使用
前端
爱学习的茄子5 分钟前
React Hooks驱动的Todo应用:现代函数式组件开发实践与组件化架构深度解析
前端·react.js·面试
宇宙全栈Link5 分钟前
当 React 组件调用自定义 hooks,hooks 又调用其他 hooks 时,状态变化如何传播?
前端·javascript·react.js
南方kenny6 分钟前
从0到1理解JS事件委托:让你的代码性能提升一个level
前端·javascript
西瓜树枝6 分钟前
用 iframe 实现前端批量下载的优雅方案 —— 从原理到实战
前端·javascript
coder_zhx7 分钟前
Vue3自定义编程式弹窗
前端·vue.js