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

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.setkeKhDmContentType("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流读取图片供前台显示代码分享的全部内容，希望对大家有所帮助。感兴趣的朋友可以继续参阅本站其他相关专题，如有不足之处，欢迎留言指出。感谢朋友们对本站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。