Java读取本地文件(图片)，并显示在JSP文件中_已有图片信息,java加js怎么使图加载到jsp中-程序员宅基地

技术标签： JAVA技术

转载：http://genuinecx.blog.51cto.com/2890523/1282451

当我们初学IMG标签时，我们知道通过设置img标签的src属性，能够在页面中显示想要展示的图片。其中src的值，可以是磁盘目录上的绝对，也可以是项目下的相对路径，还可以是网络上的图片路径。在存取少量图片的情况下，采用相对路径存储图片的情况下最方便，也最实用。但是当图片数量过多时，这种方式就显的有些掣肘了。
当系统的图片数量过多时，如果仍把这些图片当做项目的一部分去发布，势必会大大延长项目的发布时间及更新时间。对于某些对于时限性要求特别高的系统来说，采用相对路径存储图片就是不可取的。特别是系统发布补丁时，只能采用增量的方式去更新系统。如果采用覆盖的方式发布系统，就可能会造成系统图片文件的丢失。
基于以上种种原因，很多系统会把大量的图片存在服务器的固定目录下，这样搭建集群环境时，就能访问公共的资源，避免对硬盘空间的浪费，但是问题也就在这里出现了。我们发布好的系统访问磁盘上的固定目录下的图片时，出现了没有权限访问的提示。系统为了保证本地安全，不允许直接访问图片。
咋一看，上面的问题有的不可思议。但仔细想想，系统这么做，也确实有道理的。在服务器上，部署了很多个系统应用。不可能有一个系统的访问权限，就可以随随便便的访问磁盘上的文件。事实上，服务器上的系统是有权限读取其它磁盘路径下的文件，只是没有办法让它显示而已。
要解决上面的问题，我们可以使用流的方式把图片读取出来，然后再输出显示到HTML页面中。f废话了半天，下面关键的实现代码：
JSP页面的展示代码：<img name="person.personImg" id="personImg" alt="头像照片" src="${person.personImg}" style="width:160px;height:160px;border:1px solid" />

<button id="btnImg" class="btn btn-primary" type="button" title="上传图片"     $(function() {
     //读取头像照片
     if($("#oid").val()!=="")
     {
         $("#personImg").attr("src","favccxx/person/loadUserPhoto?externalPerson.oid="+$("#oid").val()+"&Time="+(new Date().getTime()));
         $("#personImg").css("display","");
         $("#btnImg").css("display","");
     }else{
         $("#personImg").css("display","none");
         $("#btnImg").css("display","none");
     }
}

</script>
采用Struts2框架的java代码：

@Action(value = "loadUserPhoto", results = { @Result(name = "success", type = "stream", params = {
         "contentType", "image/jpeg", "inputName", "imageStream" }) })
public String getImage() {
     if (person.getOid() != null) {
         // 设置图片
         try {
             Person person = personService.findOne("oid", externalPerson.getOid());
             FileInputStream is = new FileInputStream(person.getPersonImg());
             imageStream = new BufferedInputStream(new FileInputStream(person.getPersonImg()));
         } catch (Exception e) {
         }
     }
     return SUCCESS;
}

本文链接：https://blog.csdn.net/cyxinda/article/details/78254075

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

vue2封装对话框el-dialog组件_<el-dialog 封装成组件 vue2-程序员宅基地

文章浏览阅读1.2k次。vue2封装对话框el-dialog组件_

MFC 文本框换行_c++ mfc同一框内输入二行怎么换行-程序员宅基地

文章浏览阅读4.7k次，点赞5次，收藏6次。MFC 文本框换行标签： it mfc 文本框1.将Multiline属性设置为True2.换行是使用"\r\n" (宽字符串为L"\r\n")3.如果需要编辑并且按Enter键换行,还要将 Want Return 设置为 True4.如果需要垂直滚动条的话将Vertical Scroll属性设置为True,需要水平滚动条的话将Horizontal Scroll属性设_c++ mfc同一框内输入二行怎么换行

redis-desktop-manager无法连接redis-server的解决方法_redis-server doesn't support auth command or ismis-程序员宅基地

文章浏览阅读832次。检查Linux是否是否开启所需端口，默认为6379，若未打开，将其开启：以root用户执行iptables -I INPUT -p tcp --dport 6379 -j ACCEPT如果还是未能解决，修改redis.conf，修改主机地址：bind 192.168.85.**；然后使用该配置文件，重新启动Redis服务./redis-server redis.conf..._redis-server doesn't support auth command or ismisconfigured. try

实验四数据选择器及其应用-程序员宅基地

文章浏览阅读4.9k次。济大数电实验报告_数据选择器及其应用

角谷猜想 C++实现_角谷猜想c++代码-程序员宅基地

文章浏览阅读1w次，点赞3次，收藏5次。题目描述所谓角谷猜想，是指对于任意一个正整数，如果是奇数，则乘3加1，如果是偶数，则除以2，得到的结果再按照上述规则重复处理，最终总能够得到1。如，假定初始整数为5，计算过程分别为16、8、4、2、1。程序要求输入一个整数，将经过处理得到1的过程输出来。输入一个正整数N(N <= 2,000,000) 输出从输入整数到1的步骤，每一步为一行，每一部中描述计算过程。最后一行输出"En..._角谷猜想c++代码

XNA学习笔记——用顶点缓冲和索引缓冲创建地形_positions indices 自动创建地形-程序员宅基地

文章浏览阅读1k次。1: private float[,] LoadHeightData(Texture2D heightMap) 2: { 3: float minimumHeight = 255; 4: float maximumHeight = 0; 5: 6: int width = heightMap.Width; _positions indices 自动创建地形

随便推点

Java加密与解密_java 加密解密-程序员宅基地

文章浏览阅读5.5w次，点赞3次，收藏41次。加密方式主要有3种，摘要加密、对称加密与非对称加密。_java 加密解密

sql判断以逗号分隔的字符串中是否包含某个字符串，不是模糊查询_sql server 逗号分隔包含-程序员宅基地

文章浏览阅读6.5k次，点赞2次，收藏9次。sql语句中，以逗号分隔的字符串中是否包含某个特定字符串，类似于判断一个数组中是否包含某一个元素，例如：判断 ,a,b,c,d,e,f,g,中是否包含 a ，sql语句如何实现？SQL中没有类似VB中的Split的函数。此时，如要匹配 ,6,3,9,22,中的6。可用charindex函数巧妙实现：（注意红色的逗号）charindex( ',' +cast(6 as varchar)+ ',',‘,6,3,9,22,’)>0sqlserver：sqlserver中没有封装好的方法可以实现._sql server 逗号分隔包含