重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章主要介绍了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流如何读取图片供前台显示”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!