javascript atob()函数和 btoa()函数-Base64的编码与解码

2023-11-16

在这里插入图片描述

在 JavaScript 中,有两个函数被分别用来处理解码和编码 base64 字符串:
  • atob() //ASCII to Base64
  • btoa() //Base64 to ASCII

atob() 函数能够解码通过base-64编码的字符串数据。相反地,btoa() 函数能够从二进制数据“字符串”创建一个base-64编码的ASCII字符串。

Encoded size increase(编码大小增长)
Each Base64 digit represents exactly 6 bits of data. So, three 8-bits bytes of the input string/binary file (3×8 bits = 24 bits) can be represented by four 6-bit Base64 digits (4×6 = 24 bits).(每一个base64数位明确表示6位数据,所以3个8位的字符或者二进制输入能够被4个6位的base64位数代表,4×6 = 3×8)

This means that the Base64 version of a string or file will be at most 133% the size of its source (a ~33% increase). The increase may be larger if the encoded data is small. For example, the string “a” with length === 1 gets encoded to “YQ==” with length === 4 — a 300% increase.(这代表着Base64编码的字符串或者文件的大小最大是源的133%倍,如果被编码的数据非常的小,那么这个比例将会非常的大,比如字符串"a" 的长度是1,但是编码后是4个长度的"YQ==")

基本用法

在这里插入图片描述

//更多内容:
https://developer.mozilla.org/zh-CN/docs/Web/API/WindowBase64/Base64_encoding_and_decoding
https://developer.mozilla.org/zh-CN/docs/Web/API/WindowBase64/atob

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

javascript atob()函数和 btoa()函数-Base64的编码与解码 的相关文章

随机推荐

  • cobra库:基于cobra-cli命令行生成项目结构

    cobra库 基于cobra cli命令行生成项目结构 一 新建go项目 在F盘创建文件夹cobra started 1 使用mod对go项目进行管理 go mod init cobra started 二 使用cobra cli代码生成
  • 手写嵌入式操作系统(基于stm8单片机)

    include
  • maven学习总结

    众所周知 maven的两大作用是项目构建和依赖管理 除此之外 基于多模块项目 maven常用的功能还有模块化管理 项目构建 Maven是一个构建工具 可以根据项目中的配置文件 pom xml 来自动执行项目的构建过程 它可以将源代码编译 运
  • win10 win7局域网、AD域内共享文件夹方法

    第一 确保访问电脑和被访问电脑同在域中 可右击此电脑 属性 域 查看 第二 确保防火墙关闭 如图均已关闭 第三 选择要共享的文件夹 右击 属性 共享 高级共享 全新 Everyone或指定个人 第四 分享地址 即 本机IP地址 win r输
  • 惠普 g5 服务器 centos安装系统,hp 380G5 安装centos 7

    最近给服务器升级操作系统 发现hp的老机器安装centos 7时不能识别硬盘 原因 hp的服务器G5 使用的是CCISS driver 新的机器使用的是HPSA driver RHEL7 已经移除了 cciss 的支持 处理 安装时候 修改
  • 常数据成员、常成员函数

    定义常数据成员 类型 const 对象名 或者 const 类型 对象名 例如 const clock c1 9 9 9 或者 clock const c2 10 10 10 常对象的几条特殊规则 1 常对象 不能被赋值 2 常对象 不能访
  • 【Pytorch Lighting】第 7 章:半监督学习

    大家好 我是Sonhhxg 柒 希望你看完之后 能对你有所帮助 不足请指正 共同学习交流 个人主页 Sonhhxg 柒的博客 CSDN博客 欢迎各位 点赞 收藏 留言 系列专栏 机器学习 ML 自然语言处理 NLP 深度学习 DL fore
  • 2、halcon+利用光流场检测运动的物体

    这个事例是应用optical flow mg这个算子来在一个图像序列中计算其光溜 并且分割其运动物体 dev update off 把程序窗口 变量窗口 显示窗体变为off状态 dev close window 关闭显示窗口 read im
  • Bert Estimator input_fn 函数调用逻辑

    目录 Bert Estimator input fn 函数调用逻辑 Bert Estimator input fn 函数调用逻辑 网上有很多讲 Bert 源码的 本身代码难度不大 主要两个重点 一个是数据集的处理 以满足 masked LM
  • 整理极客冠军方案

    总结 通常套路就是 1 先观察整体的数据分布 数据集数量 标签数量 标注框数量 数据集数量 数量大 大模型训练缓慢 标签数量 各类的分布情况 gt 分布是否平衡 focal损失函数 长尾分布 样本分布不均衡 mosaic 小目标相对较多 m
  • springboot MongoDB 主从 多数据源

    上一篇 我写了关于用一个map管理mongodb多个数据源 每个数据源 只有单例 的内容 springboot mongodb 配置多数据源 临到部署到阿里云的测试环境 发现还需要考虑一下主从的问题 阿里云买的数据库 不是说让你无感知的 而
  • curl 支持 http2

    源码安装 安装 nghttp2 git clone https github com tatsuhiro t nghttp2 git cd nghttp2 autoreconf i automake autoconf configure m
  • Android Notifaction 从4.0到7.0

    Android Notifaction 从4 0到7 0 图1 4 0 通知样式 图2 5 0 6 0 通知样式 图3 7 0 通知样式 兼容 这么多版本 如何兼容 没关系 交给 android support v7 app Notific
  • 几种RS485隔离通讯的方案介绍

    RS485具有抗干扰能力强 成本低等特点 广泛应用于工业智能仪表 通讯设备等各个领域 RS485电路可以分为非隔离型和隔离型 隔离型电路是在非隔离型电路的基础上增加隔离性能 使得电路具有更强的抗干扰性和系统稳定性 今天介绍几种隔离RS485
  • 说说我亲历的京东发展史

    最近好久没有写博客了 响应CSDN的号召 有奖征文 我亲历的京东发展史 所以我也来从个人观点来说说对京东的一些看法 京东从某种程度上来说 确实改变了我们的生活 使我们生活变得更加丰富多彩 通过阅读 京东技术解密 看到京东的愿景是 让生活变得
  • 依据ASCII排序:有关map.entrySet()的一些心得

    List
  • java的main是主线程吗_main函数是主线程吗

    1 线程的概念 线程是程序最基本的运行单位 而进程不能运行 所以能运行的 是进程中的线程 2 线程是如何创建起来的 进程仅仅是一个容器 包含了线程运行中所需要的数据结构等信息 一个进程创建时 操作系统会创建一个线程 这就是主线程 而其他的从
  • AI 与智能化 API 治理的探索实践

    7月 Eolink 受邀参加 QECon 2023 全球软件质量 效能大会 北京站 Eolink CEO 刘昊臻 发表了主题为 AI 与智能化 API 治理的探索实践 的演讲 分享 Eolink 在 API 全生命周期中治理实践与 AI 结
  • Qt工具相关--无法Debug调试的原因

    第一个原因 缺少对应的调试器 第二个原因 调试器的位数没有对应 这些基本原因都可以在项目 构建套件里面看到 逐项检查 耐心分析问题原因是工程师的基本功 第二次遇到类似问题 解决效率务必大幅度提升 这个一道及格线
  • javascript atob()函数和 btoa()函数-Base64的编码与解码

    在 JavaScript 中 有两个函数被分别用来处理解码和编码 base64 字符串 atob ASCII to Base64 btoa Base64 to ASCII atob 函数能够解码通过base 64编码的字符串数据 相反地 b