Html 镶入 图片 Base64 编码

因工作需要需要将html页面中的图片镶入页面中。
上网看了两三个例子。其都有点错误。
随便写如下的内容
验证的环境 jre6 eclipse helios

其中有例子如

Html代码
<h3>hello html5</h3>
<img src="https://img-blog.csdnimg.cn/2022010706252837118.png">

其中的例子指出iVBORw...后面的信息就是图片的信息，即 输出的必跟在其后。

实际环境IE9中
编写的
（并不是前缀带有iVBORw），其中data:image/jpg;base64,后面的字符可根据Base64的实现工具类 encode
如 BASE64Encoder encoder = new BASE64Encoder();
encoder.encode(bytes);// bytes 类型为byte[] 为图片文件流读取的二进制数组


验证生成的base64编码图片html页面
html代码如下
<img src="https://img-blog.csdnimg.cn/2022010706252898590.jpg">


其中的Data URI scheme（RFC2397）支持的类型如下
data:,文本数据
data:text/plain,文本数据
data:text/html,HTML代码
data:text/html;base64,base64编码的HTML代码
data:text/css,CSS代码
data:text/css;base64,base64编码的CSS代码
data:text/javascript,Javascript代码
data:text/javascript;base64,base64编码的Javascript代码
data:image/gif;base64,base64编码的gif图片数据
data:image/png;base64,base64编码的png图片数据
data:image/jpeg;base64,base64编码的jpeg图片数据
data:image/x-icon;base64,base64编码的icon图片数据

具体可参考http://www.ietf.org/rfc/rfc2397.txt 《 The "data" URL scheme》