java中IO流如何读取图片供前台显示

这篇文章主要介绍了java中IO流如何读取图片供前台显示,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

成都创新互联-成都网站建设公司,专注成都网站设计、网站建设、网站营销推广,空间域名,虚拟空间,网站托管、服务器托管有关企业网站制作方案、改版、费用等问题,请联系成都创新互联

后台代码:

/** 
   * IO流读取图片 by:long 
   * @return 
   */
@RequestMapping(value = "/IoReadImage/{imgName}", method = RequestMethod.GET) 
  public String IoReadImage(@PathVariable String imgName,HttpServletRequest request,HttpServletResponse response) throws IOException {
	ServletOutputStream out = null;
	FileInputStream ips = null;
	try {
		//获取图片存放路径 
		String imgPath = Constans.FOLDER_IMAGE + imgName;
		ips = new FileInputStream(new File(imgPath));
		response.setContentType("multipart/form-data");
		out = response.getOutputStream();
		//读取文件流 
		int len = 0;
		byte[] buffer = new byte[1024 * 10];
		while ((len = ips.read(buffer)) != -1){
			out.write(buffer,0,len);
		}
		out.flush();
	}
	catch (Exception e){
		e.printStackTrace();
	}
	finally {
		out.close();
		ips.close();
	}
	return null;
}

前台代码 - 方式一:

  
     <#--${model.userDatil.photo} 为数据库存放的文件名称--> 
      
      
    

js代码 - 方式二:

var npcName = $('#npcImg').data('val'); 
var img = document.getElementById("npcImg"); 
img.src = '/userInfo/IoReadImage/'+npcName;

jQuery代码 - 方式三:

$('#npcImg').attr('src','/userInfo/IoReadImage/'+npcName);

好了就这么简单,前台就可以显示图片了,总共才几句代码,就不额外注释说明了

java中IO流如何读取图片供前台显示

感谢你能够认真阅读完这篇文章,希望小编分享的“java中IO流如何读取图片供前台显示”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


分享名称:java中IO流如何读取图片供前台显示
分享网址:http://pwwzsj.com/article/jdiehg.html

其他资讯