关于动态获取服务器下图片吗,用于显示在img的src中(上传头像后显示头像)
这一篇主要记录如何从数据库中获取用户头像信息,并且显示到jsp页面上(img)。
一般来说项目中上传的文件都会存放在统一配置的一个文件夹中,这样的话虽然存进去了, 数据库中也保存了相应路径, 但是在jsp页面中访问本项目外的路径却是访问不到的。
出现问题总会有解决方法,我们可以使用文件流读取改文件然后输出到页面。就和iteye的头像获取类似
Java代码:
/** * 根据头像地址,读取头像文件 * * @param request * @param response * @param path * @author zhangyd-c * @date 2015年5月28日 上午9:21:02 * @return void * @throws */ @RequestMapping("/getUserLogo") public void getUserLogo(HttpServletRequest request, HttpServletResponse response, String path) { response.setContentType("image/jpeg"); // 设置返回内容格式 File file = new File(path); // 括号里参数为文件图片路径 if (file.exists()) { // 如果文件存在 InputStream in; try { in = new FileInputStream(file); OutputStream os = response.getOutputStream(); // 创建输出流 byte[] b = new byte[1024]; while (in.read(b) != -1) { os.write(b); } in.close(); os.flush(); os.close(); } catch (FileNotFoundException e) { e.printStackTrace(); } catch (IOException e) { e.printStackTrace(); } } }
jsp页面访问该controller:
<img src="/image/getUserLogo?path=${userInfo.userLogo }" style="width: 73px;height: 73px"/>
效果:
相关推荐
通过正则表达式,解析html中的<img 标签,获取图片地址。还有部分正则没处理显示
动态设置img的src属性无效,而直接写可以 解决办法: imgSrc写成require(‘path’); 原因: 动态添加src被当做静态资源处理了,没有进行编译 npm run build 后出现 xxxxxxx net::ERR_FILE_NOT_FOUND 解决...
今天在项目中遇到一个需求,设计稿如下 就是展示用户头像,数据从后端获取...以上这篇Vue中img的src是动态渲染时不显示的解决就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
php显示图片,php链接放到img src中,php图片显示src,php图片显示img src,php图片显示imgsrc
使用v-for循环, :src=”item.url”,绑定图片无法显示,只能写成静态结构; 原因: 直接写成静态的,会经过webpack进行编译,从而得到打包后正确的图片真实路径。 如果你写成动态的,webpack就不会进行编译,...
首先讲下这个bug的出现的情况,页面中有 代码如下:<a> 这么一个a标签,onclick中的JS代码就是改变id为current的img标签的src属性,以达到动态切换图片的效果。可是不幸的是:IE是动态改变的图片的路径,但是图片却不...
主要介绍了vue中的img src 动态加载本地json的图片路径写法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
问题:VUE开发时因为要访问后端的接口所以要配置请求转发,如果直接转发全部请求,那么VUE动态绑定的src也会转发到后端,因为图片在前端,所以会收到404 NOT FOUND的报错。 常规的请求转发 在vue-cli3内,直接编辑...
javascript获取img标签,以及img的src连接地址,测试代码。
正则表达式来匹配img标签_匹配src中的值
.net点击上传按钮img显示上传的图片、 点击FileUpload上传按钮img显示上传的图片
今天小编就为大家分享一篇Java 获取Html文本中的img标签下src中的内容方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
主要为大家详细介绍了vue src动态加载请求获取图片的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
上传图片到服务器的时候,可以删除tomcat服务器上的img。
目前我们常用的获取图片实际宽度高度的方法,要么是在DOM中写入,要么就是等图片加载完毕后才开始获取,用户体验极其不好,今天特意整理一个办法,可以让javascript在html加载完毕后就可以立即获取img文件的头数据...
正如标题所言,如何调用js的函数或者js变量来指定图片路径,此种需求特别适合在某些特殊的情况下,这里有几个方法,在实验中,需要的朋友可以参考下
可用于取得字符串中Img中的src的值,在后台使用