这篇文章主要介绍了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。内容未经允许不得转载,或转载时需注明来源: 创新互联