关于图片Base64转存

最新推荐文章于 2024-05-31 09:05:13 发布

乔豆麻袋_

最新推荐文章于 2024-05-31 09:05:13 发布

阅读量629

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_36630786/article/details/113751471

版权

文章探讨了图片转存为Base64编码的原因和益处，如简化传输和减少HTTP请求，但也指出其可能导致文件增大、首屏加载速度减慢以及缓存效率低等问题。Base64是一种将二进制数据转换为ASCII字符的编码方式，适用于ASCII字符支持的传输环境。

摘要由CSDN通过智能技术生成

图片base64转存

      console.log(file);
      const fr = new FileReader();
      //以dataUrl（base64）方式读取文件内容
      fr.readAsDataURL(file);
      //fr加载文件的回调
      fr.onload = e => {
        // dataurl地址，用来显示
        this.userform.picture = e.target.result;
        console.log("dataUrl---", e.target.result);
        // 从dataurl截取的base64，用来传数据
        console.log("base64---", e.target.result.replace(/^.*,(.*)$/, "$1"));
      };

Base64：Base64内容传送编码被设计用来把任意序列的8位字节描述为一种不易被人直接识别的形式。

Base64就是一种基于64个可打印字符来表示二进制数据的方法。Base64编码是从二进制到字符的过程。
标准的Base64并不适合直接放在URL里传输，因为URL编码器会把标准Base64中的“/”和“+”字符变为形如“%XX”的形式，而这些“%”号在存入数据库时还需要再进行转换，因为ANSI SQL中已将“%”号用作通配符。为解决此问题，可采用一种用于URL的改进Base64编码，它在末尾填充’='号，并将标准Base64中的“+”和“/”分别改成了“-”和“_”，这样就免去了在URL编解码和数据库存储时所要作的转换