您好,登录后才能下订单哦!
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
这篇文章主要介绍了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流如何读取图片供前台显示”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。