我莱个去 發表於 2019-5-15 11:05:00

网页html无图片代码显示图片,BASE64编码方式(Date Url)

<p>今天有学到一个有趣的东西,就是用代码直接让浏览器显示图片,我不懂浏览器也实在不知道是什么原理实现的。不过这里记录一下这个代码是怎样生成的。</p>
<div><img src="https://img2018.cnblogs.com/blog/966843/201905/966843-20190515111304238-1002724956.jpg"><br>
<p>Base64 在CSS中的使用<br>.demoImg{ background-image: url("data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL...."); }</p>
<p>Base64 在HTML中的使用<br>&lt;img width="40" height="30" src="data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL...." /&gt;</p>
</div>
<div>主要就是【data:image/png;base64,】这个代码定义一下</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>
<div>&nbsp;</div>
<div>上面这个代码就可以放到网页里直接显示图片了</div>
<div>用易语言模块很容易实现base64编码的转换,下面记录一下易语言base64编码的转换源码,曲子精易模块的源码</div>
<div>&nbsp;</div>
<div><img src="https://img2018.cnblogs.com/blog/966843/201905/966843-20190515111315970-1781275368.jpg"><br><br><img src="https://img2018.cnblogs.com/blog/966843/201905/966843-20190515111326159-39100383.jpg"></div>


</div><br><br>
来源:https://www.cnblogs.com/hongyuyingxiao/p/10868180.html
頁: [1]
查看完整版本: 网页html无图片代码显示图片,BASE64编码方式(Date Url)