繁体   English   中英

用html中的base64字符串显示图像?

[英]Display image with base64 String in html?

这是我从图像构造base64字符串的java代码。 然后放置base64 String html,以查看构造的图像,但不以某种方式构建图像

public void getBase64String() throws FileNotFoundException {
    FileInputStream itStrm = new FileInputStream(
    "E:\\image\\56255254-flower.jpg");//image is lying at http://danny.oz.au/travel/mongolia/p/56255254-flower.jpg
    String str = itStrm.toString();
    byte[] b3 = str.getBytes();
    String base64String = new sun.misc.BASE64Encoder().encode(b3);
    //output of base64String is amF2YS5pby5GaWxlSW5wdXRTdHJlYW1AMTdlMDYwMA==
  }

现在在html页面中我将base64String的输出放在img标签中以查看图像。但是没有显示图像(而是显示交叉图像图标)。 我没有从base64字符串下面显示图像?

      <HTML>
      <BODY>
           <img    src="data:image/jpeg;base64,amF2YS5pby5GaWxlSW5wdXRTdHJlYW1AMTdlMDYwMA=="/>

     </BODY>
     </HTML>

编辑: -谢谢Folks,我使用byte [] bytes = IOUtils.toByteArray(is);. 它对我有用!!

这: String str = itStrm.toString()不是图像,而是FileInputStream实例的toString()表示。

您必须从流中读取字节并将它们存储在字节数组中。 并且,出于性能原因,缓冲流:

BufferedInputStream itStrm = new BufferedInputStream(FileInputStream(
    "E:\\image\\56255254-flower.jpg"));

进一步阅读(Spoiler:解决方案内部)

您需要使用FileInputStream实例的read()方法而不是toString()来获取图像的内容。 然后你就可以对它进行编码,并且应该按预期工作。

就像是:

int c;
StringBuffer result = new StringBuffer("");
while((c = fileInputStream.read()) != -1)
{
    result .append((char)c);
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM