zoukankan      html  css  js  c++  java
  • 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编码资源

    
    

     【完】

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

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

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

  • 相关阅读:
    CTO干点啥?
    [转] 持续集成与持续交付备忘录
    [转]概率基础和R语言
    程序自信
    [转]Neural Networks, Manifolds, and Topology
    ubuntu14 + nginx + php
    [转]http://makefiletutorial.com/
    REDIS key notification
    GO RPC
    xpcall 安全调用
  • 原文地址:https://www.cnblogs.com/tangjiao/p/9952708.html
Copyright © 2011-2022 走看看