`

img src 加载图片实现方法

 
阅读更多
<img id="bac100" width="110px" height="140px"
src="${rootPath}/insurcardheavycard/ShowPersonPhotoAction.action?aac001=${checkedFailePersonDTO.id}">
这个是jsp页面显示的一个例子,可以显示多张图片。其中src= "${rootPath}/insurcardheavycard/ShowPersonPhotoAction.action?aac001=${checkedFailePersonDTO.id}" 指向action,传入参数checkedFailePersonDTO.id唯一标识出是哪一张图片
后台获取到对应的流后:可以通过下面方法输出到输出流中
private void outputPicture(HttpServletResponse res, InputStream inputStream)
throws IOException {
if (inputStream == null) {
return;
}
OutputStream out = res.getOutputStream();
byte[] buff = new byte[1024];
int length = 0;
while ((length = inputStream.read(buff)) > 0) {
out.write(buff, 0, length);
}
out.flush();
out.close();
}
分享到:
评论

相关推荐

    图片img的src不变让浏览器重新加载实现方法

    和 javascript对象new Date().getTime()毫秒值做成queryString的样子,就能防止被缓存了在图片地址src不变的情况下让浏览器重新加载图片 实际上,在src不变时,浏览器直接就去读取缓存了 解决办法: var img_src =...

    vue 动态设置img的src地址无效,npm run build 后找不到文件的解决

    imgSrc写成require(‘path’); 原因: 动态添加src被当做静态资源处理了,没有进行编译 npm run build 后出现 xxxxxxx net::ERR_FILE_NOT_FOUND 解决办法: 进入:build文件夹 &gt; 打开 webpack.prod.conf.js ...

    图片加载失败显示默认图片占位符方法

    效果描述: 我们都知道,当网页中加载的图片因为某种原因而加载失败的时候 浏览器会用图片的alt值代替当前图片位置 ... 然后故意将你的图片路径(src)指向一个错误地址,这个时候就会显示我们默认的图片

    vue中img src 动态加载本地json的图片路径写法

    主要介绍了vue中的img src 动态加载本地json的图片路径写法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

    vue src动态加载请求获取图片的方法

    主要为大家详细介绍了vue src动态加载请求获取图片的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    js判断背景图片是否加载成功使用img的width实现

    非背景图片可以用img的onerror 来判断,但是背景图片呢,刚无意中发现一个方法,... if(img.width==0){//表示图片加载失败了} else{//成功了} 这方法一般情况下可行,但是为测试过图片很大或者加载速度很慢的时候是否可行。

    JS滚动加载图片

    给需要滚动加载的图片添加上data-url属性,值为图片的真实地址,src属性填写一张默认图片的地址。 方法引用 确定好一个有固定高度,且有滚动条的块级元素后,调用方法imgRunLoading(string id,boolean isConstant)...

    【JavaScript源代码】vue动态加载本地图片的处理方法.docx

    vue动态加载本地图片的处理方法  今天遇到一个在vue文件中引入本地图片的问题,于是有了这篇文章。 通常,我们的一个img标签在html中是这么写的: &lt;img src="../images/demo.png"&gt; 这种写法只能引用相对路径下...

    Vue动态加载图片在跨域时无法显示的问题及解决方法

    问题:VUE开发时因为要访问后端的接口所以要配置请求转发,如果直接转发全部请求,那么VUE动态绑定的src也会转发到后端,因为图片在前端,所以会收到404 NOT FOUND的报错。 常规的请求转发 在vue-cli3内,直接编辑...

    DIY的JS延迟加载图片的插件

    今天共享一个DIY的利用JS来延迟加载图片的插件。 大概的实现方式是:页面的定义元素img时,将src统一替换成自定义的一个属性名,如叫“originalSrc”,然后利用JS把给img的src设置为一个定义好的等待图片,然后在...

    js图片延迟加载的实现方法及思路

    大概的实现方式是:在页面的load没有触发之前,把所有的指定id的元素内的img放入到imgs中,将所有的图片的src值放入到一个新建的_src属性中,把src设置为指定的显示图片。然后,在document.body的scroll事件触发时,...

    JS图片预加载三种实现方法解析

    预加载基本概念:当页面打开图片提前加载,并且缓存在用户本地,需要用到时... img.src="./img/1.jpg"; document.body.appendChild(img); console.log(img.width); function loadHandler(e){ console.log(img.widt

    Jquery修改image的src属性,图片不加载问题的解决方法

    下面小编就为大家带来一篇Jquery修改image的src属性,图片不加载问题的解决方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧

    Nuxt v-bind绑定img src不显示的解决

    如果你写成动态的,webpack就不会进行编译,原封不动的把’~/assets/img/home.png’ 放到你图片的src里面,’http://xxx.xxx.xxx/~/assets/i…’不存在这张图片! 解决方法1: 把图片存在服务器,使用网络路径, ...

    LazyImgv1.0图片延迟加载插件

    默认情况下: 在IMG中满足以任何一个条件,都会加载图片; 1、没有class属性 2、如果有class属性并且属性中不包含以"lazy-"为前缀的css样式名 如何禁止默认加载图片 JS代码: LzDefault.action = false; 如何在点击...

    自己写的图片延迟加载

    2 在需要做图片延迟加载的页面把img 的src属性换成 hsrc 3 在页面加载前执行 hiddenImge(myImages, oImgURL,"/MySpring1/resources/loading.gif"); showRightImg(myImages); 4 在页面加载后执行 window.onscroll =...

    html-withimg-loader:webpack的加载器,处理html,以支持直接在html中使用img的src加载图片

    webpack处理资源无往不利,但有个问题总是很苦恼,html中直接使用img标签src加载图片的话,因为没有被依赖,图片不会被打包。这个loader解决这个问题,图片会被打包,而且路径也处理妥当。额外提供html的包括子页面...

    JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法

    本文实例讲述了JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法。分享给大家供大家参考,具体如下: 这里演示js如何给页面中所有的img对象加上onclick事件,且实现在新窗体中查看该图片文件的功能: ...

    Javascript实现图片懒加载插件的方法

    Web 图片的懒加载就是通过读取img元素,然后获得img元素的data-src(也可以约定为其他属性名)属性的值,并赋予img的src,从而实现动态加载图片的机制。 这里需要注意的是: img在初始化的时候不要设置src属性,因为...

Global site tag (gtag.js) - Google Analytics