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;
}

前台代码 - 方式一:

<span > </span><div > 
     <#--${model.userDatil.photo} 为数据库存放的文件名称--> 
     <img src="${ctx}/userInfo/IoReadImage/${model.userDatil.photo}" id="npcImg" width="125" height="148"/> 
     <input type="hidden" id="photo" name="photo"/> 
    </div>

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流如何读取图片供前台显示
URL链接：https://www.cdcxhl.com/article46/jdiehg.html

成都网站建设公司_创新互联，为您提供响应式网站、品牌网站制作、网站设计、企业网站制作、动态网站、面包屑导航

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联