1、获取图片Base64编码 方式一Blob和FileReader 对象 实现原理使用xhr请求图片，并设置返回的文件类型为Blob对象xhrresponseType = quotblobquot使用FileReader 对象接收blob 方式二canvastoDataURL方法 实现原理使用canvas；我对接的项目要求的是图片是“JPG”类型的文件，并且经过base64进行编码之后要以quot9jquot开头的文件于是我就把我电脑上保存的看似符合规范的图片上传上去了，结果就是一堆报错信息于是我再次尝试，换一些其他的图片进行测试；运行 将打印出来的结果输入到testjs这个文件里，便于查看之后我们在testjs里就能看到这个图片的base64编码了再设置好其 DataURI前缀 就能在浏览器里查看这张图片啦下面是我在浏览器查看的结果。
2、它只是一种数据交换格式，如想要在JSON文件中嵌入图片，可将图片转换成Base64编码的字符串，将该字符串作为JSON对象的属性值进行传输Base64编码是一种将二进制数据转换成ASCII字符的编码方式，常用于在网络上传输数据。
3、由于某些系统中只能使用ASCII字符，Base64就是用来将非ASCII字符的数据转换成ASCII字符的一种方法，Base64特别适合在；其中，Base64是一种常用的图片编码方式，但它并不会直接导致CPU飙升Base64编码的主要作用是将二进制数据转换为文本数据，以便于在网络上传输在对Base64编码后的数据进行解码时，需要进行一些计算，但这些计算量通常不会使；首先这是一种SB做法，图片保存到数据库这个很浪费数据库资源， 通常情况下图片等文件都是用ftp服务器来存储文件的 为什么要用base64进行编码是因为， base64会把文件这个文件转换成字符串， base64编码后得到的是一组字符串；用Vue插件quilleditor添加图片的时候默认会被转为base64编码导致数据很长，因此上传数据的时候会发生错误 1，创建quillconfigjs文件 需要特别注意这一行，把服务器返回的URL赋值到富文本的img进行展示 2，Vue页面使用。
4、如果你将这些字符复制黏贴到地址栏中并转到，就能看到它了，一张gif图片Data URI中，data表示取得数据的协定名称，imagegif是数据类型名称，base64 是数据的编码方法，逗号后面就是这个imagegif文件base64编码后的数据；因为传输信道只支持ASCII字符，不方便传输二进制流的场合含有非ASCII字符，容易出现编码问题的场合所以需要用base64转化为ascii字符Base64用于将二进制数据编码成ASCII字符 图片文件等都可转化为二进制数据；使用Base64编码图片时，使用的是一个Base64编码库，库将图片转换为Base64编码后，返回一个字符串，这个字符串就是编码后的图片数据，可以直接用于显示图片由于Base64编码后的字符串是文本格式的，因此不需要使用dataURIscheme；首先base64的目的主要是，为了减少；base64转码会把原有图片的像素数据转成字符数据保存，当需要使用的时候，再把字符数据转化为图片数据显示大小问题base64是通过文字记录像素方式来保存图片，与原有的二进制保存图片方式并不同，所以不论变大变小都是正常现象。
5、跨域在Canvas上使用SVG图片时，如果图片来自不同的域，就会产生跨域问题，导致svg转base64失败Base64是一种基于64个可打印字符来表示二进制数据的编码方式，Base64编码可用于在HTTP环境下传递较长的标识信息；这样写是把图片文件内容用base64编码直接写到html中，服务器上不需要单独存图片文件。
网友留言：