html – 在没有src URL的网页中显示图像

概述最近我了解到我可以在网页中显示图像,而无需引用图像URL,如下所示： <img class="disclosure" img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oIGRQbOY 最近我了解到我可以在网页中显示图像,而无需引用图像URL,如下所示：

<img  img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oIGRQbOY8MjgMAAABVSURBVBjTfc6xDcAwCETRM0rt5nbA+49j70DDAqSLsGXyJQqkVxxwNOeMIEA+waW1VuT/inrvG7wikht8UETy2ygVMjO4O8YYTf6AqrZyUwYlygAAXo+QLmeF4c4uAAAAAElFTkSuQmCC">

我有另一个我想要显示的小bmp图像,所以我在vim中打开它,img源代码就像：

当我将此代码粘贴到需要粘贴的地方时,我只能获得“BMڀ”

>如何正确转换/粘贴此代码以用作图像源？

解决方法 您需要在Base64中对其进行编码

http://www.motobit.com/util/base64-decoder-encoder.asp

你还得改变(png)…

<img src="data:image/png;base64,

根据图像文件类型.

这是一个小PHP函数,还没有测试过.

function encode64($file){    $extension = explode(".",$file);    $extension = end($extension);    $binary = fread(fopen($file,"r"),filesize($file));    return '<img src="data:image/'.$extension.';base64,'.base64_encode($binary).'"/>';}echo encode64("test.bmp");

2.

function encode64($file){        $binary = fread(fopen($file,filesize($file));        return(base64_encode($binary));    }echo '<img src="data:image/bmp;base64,'.encode64("test.bmp").'"/>';

测试了我的第二个功能……效果很好…… http://debconf11.com/so.php

总结

以上是内存溢出为你收集整理的html – 在没有src URL的网页中显示图像全部内容，希望文章能够帮你解决html – 在没有src URL的网页中显示图像所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。