❶ 请教高手,html页面中的图片,如何让浏览器缓存至本地
方法很简单,你把保留网页历史的时间改长而且加大缓存目录的体积就行了,方法就是看浏览器顶部,工具,internet选项,这个界面有历史长度,最多999天,看里面的“设置”,可以改保存网页的路径,以及体积大小。在历史时间内,比如30天,不需要再次缓存页面,但是有个问题,就是你如果在线听歌,看大图片,如果过多,会导致你的IE缓存很庞大,有可能超出你的IE默认的体积,所以你最好转移到非系统分区,而且设置体积很大,1G甚至更大,否则超出后默认删除早期的图片,歌曲,flash等文件。
❷ 如何能html改图片时直接使用本地缓存,完全不走流量(html 或 javascript 解决方案,chrome浏览器)
首先…作为吊丝程序员(学生现役)…给几个吊丝的方法。
预加载隐藏
//在预加载的时候,直接读出隐藏的图片
$("#blablabla").append($.("#someImg").clone());
$("#blablabla").last().attr("sec",$.load("url~~~",function(){
//做一下隐藏
}));
然后在一直到某点--》之后…就把原来的图片替换掉。
style的样式…如果还不一样的话……就是自己代码的问题了……
用web Strorage
简单来说…把图片数据流化并且放入web strorage,然后在读取的时候生产图片,并且放入img容器。
304状态是必要的
服务器端和客户端使用Conditional Gets功能验证缓存数据
客户端将条目放在缓存里,在过期之后重新验证。服务器端必须实现Conditional GET功能(使用ETags或者last modified的header)。
JS代码:
$.ajax({
url:'/Home/ExpiresWithConditional',
ifModified:true,//这里是关键
cache:true,
success:function(data,status,xhr){
$('#content').html(data.count);
}
});
而让服务端响应304状态是确保在图片被修改过以后,能够再返回一个不同的值……
所以……
流量还是不要省了……→_→
❸ 如何给html网页设置缓存
在Apache环境下,可以通过在.htaccess文件中添加下面的代码,设置图片的HTTP缓存和有效期(需要开启apache的headers模块支持):
# Image and Flash content Caching for ONE Year blog.gimhoy.com<FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf)$"> Header set Cache-Control "max-age=3156000"
其中max-age后面这个数字就是设置的缓存有效期(以秒为单位),比如上面的代码设置了网站的图片使用为期一年(3156000秒)的HTTP缓存。
在Nginx下,可以通过修改nginx.conf配置文件,来修改缓存设置:
location ~* \.(flv|gif|jpg|jpeg|png|ico|swf)$ { expires 1y; access_log off; break; }
同样的方法,你也可以给js和css文件设置缓存。
❹ html图片缓存问题
方法1. 将图片下载到本地,缺点是保存时会弹出文件保存提示框,需要用户配合
方法2. 将图片存到localStorage,用户无感知,缺点是最多存5MB
不知道楼主什么场景浏览器无法自动缓存资源。手动缓存是个很不常规的手段
❺ 怎样解决css的图片缓存问题
Sean同学说,修改图片名称。。
❻ 如何设置CSS,JS,图片缓存
在Apache环境下,可以通过在.htaccess文件中添加下面的代码,设置图片的HTTP缓存和有效期(需要开启apache的headers模块支持): # Image and Flash content Caching for ONE Year blog.gimhoy.com Header set Cache-Control "
❼ css中的图片不缓存,js里的也不缓存是吗
css js img 都会缓存,特别是ie,你要修改了js或者css文件以及图片, 不强刷有时候看到还是未改前的。
❽ 静态网页中图片如果实现缓存
系统默认是会每打开一个网站就行进该网站进行缓存的,以备下次访问时能更快点。
❾ javascript+div+html 获得实时图片(IP摄像头的实时图片)时缓存问题
url最后加一个随机数 如下:
var div =document.getElementById('xx');
var span = document.createElement('span');
span.innerHTML = "<img src='http://admin:[email protected]/cgi-bin/video.cgi?msubmenu=jpg&"+Math.random()+"'>";
div.appendChild(span)
<button onclick="ii()">图片 </button>
❿ HTML设图片过期代码
使用随机数,就可以让图片过期:
如下,图片后面有ver=3124,其中3124就是随机数,图片下次载入时因为随机数不同,浏览器会认为图片地址已经更改,故而重新从服务器获取图片数据。
这个方法,被许多大型网站,用来制作随机验证码。
示例如下:
<img src="/images/v.jpg?ver=3124" />
图片过期只需另ver=其他的数值,就过期了,呵呵
======================================
缓存图片的代码如下:
document.execCommand("BackgroundImageCache", false, true);
在网页最后加上
<script>document.execCommand("BackgroundImageCache", false, true);</script>
就可以缓存图片了
======================================
哎,详细给你讲讲吧。
浏览器本来就有缓存功能,是要设置Meta http-equiv="Expires",浏览器就会自动缓存js css html img等文件。但是ie浏览器有漏洞,在处理图片的问题上存在很多问题,其中一个比较着名的就是背景图片漏洞,这个需要使用
<script>document.execCommand("BackgroundImageCache", false, true);</script>
来fix bug.这样,浏览器就会自动缓存图片,缓存的时间由Meta http-equiv="Expires"来设定。
============================
最后一招,不行的话我也没有办法,人家hao123用的是服务器缓存策略,通过linux的htaccess来设置的。IIS设置,必须通过服务器策略来设置。
现在其次的策略,通过设置http头来设置页面文件过期时间。
asp:
response.setDateHeader("Expires", now + 15 * 60000);
其他语言的代码还是网络吧