base64笔记

Base64是一种用64个字符来表示任意二进制数据的方法。常用于在URL、Cookie、网页中传输少量二进制数据。

特点

  1.  所有的二进制文件,都可以因此转化为可打印的文本编码,使用文本软件进行编辑;
  2. 能够对文本进行简单的加密
  3. Base64将三个字节转化成四个字节,因此Base64编码后的文本,会比原文本大出三分之一左右。

原理

        所谓Base64,就是说选出64个字符----小写字母a-z、大写字母A-Z、数字0-9、符号"+"、"/"(再加上作为垫字的"=",实际上是65个字符)----作为一个基本字符集。然后,其他所有符号都转换成这个字符集中的字符

步骤

  • 第一步,将每三个字节作为一组,一共是24个二进制位。
  • 第二步,将这24个二进制位分为四组,每个组有6个二进制位。

  • 第三步,在每组前面加两个00,扩展成32个二进制位,即四个字节。

  • 第四步,根据下表,得到扩展后的每个字节的对应符号,这就是Base64的编码值

参考

base64笔记 阮一峰 

base64 廖雪峰

已经博主授权,源码转载自 https://pan.quark.cn/s/a4b39357ea24 常见问题解答 网页打开速度慢或者打不开网页? 受到多种因素的影响,对于非会员用户我们无法提供最优质的服务。 如果您希望得到最棒的体验,请至大会员页面("右上角菜单 → 大会员")根据说明操作。 请注意:受制于国际网络的诸多不确定性,我们无法对任何服务的可靠性做出任何保证。 如果出现了网络连接相关的问题,我们建议您先等待一段时间,之后再重试。 如果您在重试后发现问题仍然存在,请联系我们,并说明网络问题持续的时间。 图片下载后无法找到? 打开"右上角菜单 → 更多 → 修改下载路径",在弹出的对话框中可以看到当前图片的保存路径。 此外,由于网络因素,在保存图片之后,等待屏幕下方出现"已保存到..."后,才能在本地找到图片。 如何更改图片保存的目录? 请参见"右上角菜单 → 更多 → 修改下载路径"。 翻页不方便? 在点进某个图片后,通过在图片上向左或向右滑动,即可翻页查看下一个作品。 如何保存原图/导出动图? 长按图片/动图,在弹出的菜单中选择保存/导出即可。 输入账号密码后出现"进行人机身份验证"? 此为pixiv登陆时的验证码,请按照要求点击方框或图片。 在pxvr中注册pixiv账号后,收到验证邮件,无法访问邮件中的验证链接? 请复制邮件中的链接,打开pxvr中的"右上角菜单 → 输入地址"进行访问。 能否自动将页面内容翻译为汉语? 很抱歉,pxvr暂不提供语言翻译服务。 图片下载类型是否可以选择? 能否批量下载/批量管理下载? 已支持批量下载多图作品中的所有原图:找到一个多图作品,进入详情页面后,点击图片进入多图浏览模式,长按任意一张图片即可看到批量下载选项。 关于上述其他功能,我们...
以下是几种文件上传后获取其base64编码的实现方法: ### Vue项目中使用上传组件时获取文件base64编码及文件编码格式 ```javascript function getBase64AndBm (file) { // file为上传文件对象,一般前端所用框架的上传组件before-upload函数可以返回 return new Promise((resolve, reject) => { let reader = new FileReader(), res = { base64: '', bm : '' }; reader.readAsDataURL(file); reader.onload = function (e) { res = { base64: reader.result, // 将文件转为base64 bm : jschardet.detect(e.target.result).encoding // 文件编码格式 }; }; reader.onerror = function (error) { reject(error); }; reader.onloadend = function () { resolve(res); }; }); } ``` 使用时,在上传组件的`before-upload`等合适的钩子中调用`getBase64AndBm`函数即可获取文件的base64编码和文件编码格式。例如: ```javascript // 假设这是上传组件的before-upload钩子函数 beforeUpload(file) { getBase64AndBm(file).then((res) => { console.log('文件base64编码:', res.base64); console.log('文件编码格式:', res.bm); }).catch((error) => { console.error('文件读取错误:', error); }); } ``` 此方法可以同时获取文件的base64编码和文件的编码格式,适用于Vue项目中使用上传组件的场景[^1]。 ### JS普通环境下获取单个文件的base64编码 ```javascript function xw_show(xw_filedata) { var imgReaderl = new FileReader(); imgReaderl.onload = function(evt) { console.log(evt.target.result); // 图片base64 }; imgReaderl.readAsDataURL(xw_filedata[0]); } ``` 使用时,将上传的文件对象数组传入`xw_show`函数,即可在控制台打印出文件的base64编码。此方法适用于普通JS环境下获取单个文件的base64编码[^2]。 ### Jmeter中利用Beanshell编写图片base64编码转换代码 一般情况下,开发会提供该代码;若没有,可通过百度查找,或者有代码功底的人也可自己编写。部分代码可参考开发提供的或自行搜索到的相关代码。此方法适用于使用Jmeter进行测试时,对图片进行base64编码转换的场景[^3]。 ### 使用el - upload组件实现文件上传转base64编码 在Vue项目中,使用`el-upload`组件时,可通过自定义上传行为来实现文件转base64编码。具体步骤如下: 1. 使用`el-upload`组件实现上传按钮。 2. 使用`el-table`实现上传后的文件列表。 3. 使用`el-dialog`弹窗实现文件预览(如果需要)。 4. 定义相关的`data`数据。 5. 覆盖默认的上传行为,自定义上传。 6. 编写转base64码方法。 7. 编写点击预览方法(如果需要)。 8. 调用接口上传文件。 此方法适用于Vue项目中使用`el-upload`组件进行文件上传并转换为base64编码的场景[^4]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值