经常会用到在网页上交替显示图片。很多推荐的作法是用new Image() 预先装载图片。但是用new Image()真的有用吗?
试验:
在后台放一个过滤器捕捉所有 /* 的请求:
doFilter里面简单的打印请求的URL:
HttpServletRequest httpRequest = (HttpServletRequest) request;
System.out.println("requets url: " + httpRequest.getRequestURI());
chain.doFilter(request, response);
html代码:
<body>
<script>
var t1 = new Image();
t1.src = 'ico_unchecked.gif';
function change(){
im.src = t1.src;
}
</script>
<button onclick="change()">change</button>
<img id="im" src="ico_checked.gif">
</body>
可以看到打印了三次url。html页面的请求一次。t1.src设值的时候一次。<img src="">的时候一次。
我想这时候如果按按钮改变页面上的图片,应该不会再从服务端载图片了,因为缓存里面已经有了嘛。可是点的时候过滤器仍然是有打印出URL!
看来只要image对象的src一被改变就会发出请求。那预先装载图片不是等于没用吗?
分享到:
相关推荐
wpf Image控件 加载SVG图片使用了SharpVectors.Converters.Wpf.DLL 进行二次重绘然后重新转换成ImageSource
openlayers使用imageCanvas加载矢量元素
QML中Image控件升级版,利用预解释和预读取,提升图片加载速度
UE4加载本地图片
这样一来可以顺序调用这些图片——但对于首次使用这些图片的时候仍然会存在延时。预装载就是一种在需要图片之前就将图片下载到缓存的技术。采用这样的方式可以使当确实需要显示图片时迅速将其从缓存中恢复回来并立即...
Android-Universal-Image-Loader 图片异步加载类库的使用(超详细配置),易懂易用。
weex android实现本地图片加载image播放gif动画扩展module获取版本号 博客地址:http://blog.csdn.net/codingandroid/article/details/77719557
在WPF中,使用最简洁的C#代码,添加Image控件,并向Image控件添加“网络”(非本地)图片。
简单的浏览图片并放入image中。。新手合适~
【Flutter】Image 组件 ( 加载网络图片 | 加载静态图片 | 加载本地图片 | path_provider 插件 ) https://hanshuliang.blog.csdn.net/article/details/115112899 博客源码快照
使用qss加载图片,鼠标按钮触发事件,并鼠标按钮触发事件,显示不同内容
在应用中显示的图片很多情况不满足业务需求,我们需要动态根据图片的宽高进行缩放或加载中显示的缺省图片,这是我没就需要监听图片加载完成回调,来看看微信小程序怎么实现图片加载完成回调。 实现 1. 绑定回调 通过...
关于listview item重用导致图片重复加载 图片重新请求
我们知道在 Web 页面中实现图片的预加载其实很简单,通常的做法是在 JS 中使用 Image 对象即可,代码大致如下 var image = new Image() image.onload = function() { console.log('图片加载完成') } image.src = '...
openlayers加载静态图片作为底图,操作图片流畅,可控显示范围和等级
相关文章:Unity3D中的Texture2D纹理失真解决办法//动态加载图片IEnumerator loadImage(){WWW www = new WWW
Universal Image Loader加载本地图片,GridView布局,GridView中有CheckBox,解决CheckBox错乱的问题。
突破WPF加载超大图片时,一定概率出现的加载失败,出现白色的问题。 使用多任务分片加载图片的方式,可加载超大高清图片(>20M以上)