js中图片的base64处理

首先说一下哪些时候会用base64处理图片：

1.特殊环境下不支持图片的直接引用。

2.特殊环境下图片比例失衡。

3.加载时图片必须显示。

 

在日常的开发环境下，这个功能并不常用，还是记录一下，或许用到了呢

 

先给个转换的地址：https://tool.css-js.com/base64.html

 

导入图片即可转换为data:image/png;base64,iVB...格式的字符串，可以在images标签中的src直接引用。

 

如：.

<img src="https://img-blog.csdnimg.cn/2022010708463836497.jpg" />

 

也可以在css样式中直接使用 ，如：

box{ background-image: url("https://img-blog.csdnimg.cn/2022010708463836497.jpg"); }