base64编码的图片在网页中显示

<img @error="changeImgSrc(user)" :src="user.src" width="42" height="42">

项目中有人将图片转换为base64的编码进行img的src属性赋值，可以妥妥的显示。上面那串字符串是Data URI scheme：将一些小的数据直接嵌入网页中，而不用再从外部文件引入，上面那串字符串其实是一张小图片，可以通过复制粘贴到chrome的地址栏中，可以看到是个默认图像。

优点：

1，减少资源请求连接

2，当访问外部资源很麻烦或者受限时，可以很好的利用Data URI Scheme

缺点：

1，移动端性能比较低

2，base64编码后的数据体积是原数据体积的4/3，比以前二进制格式图片大了1/3.

3，Data URI形式图片不会被浏览器缓存，每次访问都被下载一次

 

什么场景适用Data URI Scheme?

1，访问外部资源受限

2，http请求不值得

3，图片在服务端用程序动态生成，每个访问用户显示不同，可以返回Data URI Scheme编码资源

 【完】

 自律，可以让我们活得更高级 

 自律的前期是兴奋的，中期是痛苦的，后期是享受的。

 自律能够带给你发自内心的平静和享受。

转载于:https://www.cnblogs.com/tangjiao/p/9952708.html