java IO流读取图片供前台显示代码分享

最近项目中需要用到io流来读取图片以提供前台页面展示,由于以前一直是用url路径的方式进行图片展示,一听说要项目要用io流读取图片感觉好复杂一样,但任务下达下来了,做为程序员只有选择去执行喽,于是找了点资料看了会api,

嘿感觉挺简单的,由于是第一次采用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 style="white-space:pre;"> </span><div style="float: left;"> 
     <#--${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流读取图片供前台显示代码分享的全部内容，希望对大家有所帮助。感兴趣的朋友可以继续参阅本站其他相关专题，如有不足之处，欢迎留言指出。感谢朋友们对本站的支持！