如果你是一个前端工程师，图片的处理你是肯定要会的，关于图片的Base64编码，你可能有点陌生，但是这是一个前端工程师应该要掌握的知识点，今天我们就一起来看一下吧。
Base64
Base64编码
那么什么是Base64编码呢？
Base64编码是一种图片处理格式，通过特定的算法将图片编码成一长串字符串，在页面上显示的时候，可以用该字符串来代替图片的url属性。
2024年09月16日
如果你是一个前端工程师，图片的处理你是肯定要会的，关于图片的Base64编码，你可能有点陌生，但是这是一个前端工程师应该要掌握的知识点，今天我们就一起来看一下吧。
Base64
Base64编码
那么什么是Base64编码呢？
Base64编码是一种图片处理格式，通过特定的算法将图片编码成一长串字符串，在页面上显示的时候，可以用该字符串来代替图片的url属性。
2024年09月16日
<img :onerror="errpic" class="customerHead" :src="param.customerHead" alt="">
data() {
return {
param:{
id:"",
customerHead: "",
}
}
}
let _this = this
let files = e.target.files[0]
if (files.size/(1024*1024) > 2) {
this.open('上传的图片不可大于2M！')
return false;
}
var reader = new FileReader();
reader.onload = function (e) {
var base64 = e.target.result;
_this.param.customerHead = base64
//console.log(base64)
} //前端全栈开发学习交流圈
if(files) {//866109386
reader.readAsDataURL(files);
}
2024年09月16日
早期的邮件只能处理文本格式的内容，而且是英文格式的内容，为了能在邮件中使用其他语言，同时可以支持传输图片、音频、视频等多媒体内容，人们设计扩展了邮件传输协议，使得它能支持一种叫做MIME（Multipurpose Internet Mail Extentions，多媒体邮件扩展标准）标准。
在MIME中，为了能够使用文本协议传输这部分内容，就需要对传输的对象进行转码。如果不进行转码，这部分数据是无法直接在邮件传输的。一个很重要的原因是邮件传输协议使用.符号作为正文的结束符，直接传输二进制的数据会导致可能出现误判，就无法获取到完整的邮件内容。
2024年09月16日
本文所有的代码均运行于chrome最新版本（81.0.4044.138）。
我们知道互联网上图片的大部分存在形式都是图片链接，而base64是一种用64个可打印字符表示二进制数据的表示方法。它可以表示图片数据。
base64的优势在他不占用网络请求数。经常用于迷你图片集的表示。
在浏览器端如何将图片链接转换为base64呢？答案就在于下面的代码。
2024年09月16日
大家好，我是 Echa。
好久没跟粉丝们细聊JavaScript那点事了。做一名全栈工程师，JS基础还是要打牢，这样的话不管底层业务逻辑以及第三方框架怎么变化，都离不开基础。本文文章属于基础篇，阅读有点乏味枯燥，但一定能学到知识。
2024年09月16日
Blob 全称为 binary large object ，即二进制大对象，它是 JavaScript 中的一个对象，表示原始的类似文件的数据。实际上，Blob 对象是包含有只读原始数据的类文件对象。简单来说，Blob 对象就是一个不可修改的二进制文件。
2024年09月16日
它可以用于在文本协议中传输二进制数据，例如在电子邮件中传输图片或在网页中嵌入图像等。Base64编码使用64个字符集（A-Z、a-z、0-9和"+"、"/"）来表示二进制数据。
Base64编码的原理是将3个字节的二进制数据（24位）划分为4个6位的组，然后将每个6位的组转换为对应的Base64字符。如果数据的长度不是3的倍数，会进行适当的填充。
2024年09月16日
在接口或性能测试中，会碰到接口的某些参数值是base64的，那就是调接口之前，得先把图片转换成base64。
如果只是简单的场景，可以事先把转换好的base64,通过用户自定义变量写死一个。
但是复杂场景的时候，比如说很多不同大小的图片，大批量图片等，为了尽量模拟实际场景，要求每次取不同的图片，进行稳定性或性能测试。这个时候把所有图片提前转换，然后在存储，就不太方便了。
下面就来说下用前置处理器beanshell自动转换图片
2024年09月16日
首先我们观察网页图片的base64位编码
$img = 'data:image/png;base64,......';
$img0 = ' data:image/jpeg;base64,....';