php 图片浏览器缓存

2024-11-02

PHP输出图片文件，实现浏览器缓存机制

$ETag = '"'.md5($file).'"'; if(env('HTTP_IF_NONE_MATCH') === $ETag){ header ( 'ETag: '.$ETag, true, 304 ); exit; } else { header ( 'ETag: '.$ETag ); readfile ( $file ); exit; }

对于图片类网站,每次打开页面都要重新下载图片,慢不说,还非常浪费流量.这时就需要用到缓存,强制浏览器缓存图片文件缓存文件,提问网站访问数度,减少流量消耗,现提供2中缓存代码打开.htaccess文件,写入下面代码方法一:统一缓存时长 <FilesMatch ".(flv|gif|jpg|jpeg|png|ico|txt|swf|pdf|swf|js)$"> Header set Cache-Control "max-age=2592000" <

img标签浏览器缓存图片问题

问题:项目中用的img标签及其src属性,但是发现浏览器会缓存图片,这样每次如果修改了图片,再重新打开预览发现图片还是原来的. 原因:因为src后面的请求路径不变,所以浏览器就认为是同一个图片,就不会重新发送请求. 解决方法: 在img的scr属性.后添加 "?tempid="+Math.random(); 这样一段字符串. 因为浏览器缓存的img是根据scr属性的.而这个刚好随即生成随机数,不影响SCR属性的同时等于更新了src属性..因此避免了缓存. 当然scr属性后添加,是在完

学习笔记：Maven构造版本号的方法解决浏览器缓存问题

需要解决的问题在做WEB系统开发时,为了提高性能会利用浏览器的缓存功能,其实即使不显式的申明缓存,现代的浏览器都会对静态文件(js.css.图片之类)缓存.但也正因为这个问题导致一个问题,就是资源的缓存逻辑有时出现问题后服务器的最新版本文件无法更新客户端的缓存. 这个问题会给用户产生许多的困扰,当然首先是测试人员会很头痛,一些看起来没有修复的bug为什么开发要说做好了?这种时候我会无奈的说:ctrl+f5刷新一下.但这毕竟不是解决问题的方法. 思路与方法考虑思路之前没有着手处理过这样的问题

nginx,控浏览器缓存,前端优化方案

1,困惑做web项目,对于开发者来说,一个最头痛的问题就是浏览器缓存,有缓存,js更改了,html更改了,发布服务器以后用户往往无法通过浏览器访问到最新的类容,需要用户主动去刷新页面, 因为一直做企业后台管理,针对人少的公司直接通知刷新页面(这也是做内部系统才敢这么给用户说),超千人的公司,跨省跨国的,就直接会被劈了,网上有很多解决方案,比如在js上添加版本号这个方法可行,因为浏览器的缓存机制是针对是针对url来缓存的,比如添加:"http://test.com/test.js?verson

浏览器缓存相关的Http头介绍:Expires,Cache-Control,Last-Modified,ETag

转自:http://www.path8.net/tn/archives/2745 缓存对于web开发有重要作用,尤其是大负荷web系统开发中. 缓存分很多种:服务器缓存,第三方缓存,浏览器缓存等.其中浏览器缓存是代价最小的,因为浏览器缓存依赖的是客户端,而几乎不耗费服务器端的资源. 让浏览器做缓存需要给浏览器发送指定的Http头,告诉浏览器缓存多长时间,或者坚决不要缓存. 1.Expires(过期时间)HTTP头信息Expires(过期时间) 属性是HTTP控制缓存的基本手段,这个属性告诉缓存

JS清除IE浏览器缓存的方法

js中自动清除ie缓存方法 — 常用对于动态文件,比如 index.asp?id=... 或者 index.aspx?id=... 相信有经验的程序员都知道怎样禁止浏览器缓存数据了.但是对于静态文件(css,jpg,gif等等), 在什么场合下面我们需要禁止浏览器缓存他们,怎么做? 方法一:Dojo中我们可以用简单的方法完成:在dojo.xhrGet(包括post)等方法中都包含preventCache属性,此属性的含义: “默认为启用浏览器缓存,否则将通过自动增加不同的参数来确保浏览器缓存失

swift项目初体验--教你打造一款个性化图片浏览器(篇幅过大,慎入)

项目需求:做一个图片浏览器,点击图片查看大图,大图模式下,左右滚动能查看不同的图片. 项目的主要核心技术:图片的弹出和消失动画项目源代码: Photo-Browser 一.对代码进行重构 1.对代码进行抽取划分 1.1 为什么要对代码进行抽取? swift中,代码全部写在一起,阅读性极差 2.如何对代码进行抽取? 2.1在oc中,可以把功能模块抽取一个个方法 2.2swift中,专门提供 extension ,可以对

【nginx网站性能优化篇(1)】gzip压缩与expire浏览器缓存

gzip压缩概述网页在服务器端经过了gzip或者其他格式的压缩后的输出明显减少了content-length字节,当访问过百万时,这些减少的字节就会变为客观的流量给节约下来;从而减轻服务器的压力以及网页的访问速度; 原理客户端在向服务端发送http请求时,在请求头中有一个Accept-Encoding的头信息,该头信息告知服务器端本客服端能接收什么样的压缩文件,如果服务器端配置了压缩的需求,就会返回相应的压缩文件,然后浏览器再解码呈现出来;我们在做采集时,需要采集的是未压缩的文件,所以在h

浏览器缓存相关http头

近期看雅虎黄金34条,学习下优化站点性能的方法. 当中有一条:"为文件头指定Expires或Cache-Control",详细来说指对于静态内容:设置文件头过期时间Expires的值为"Never expire"永只是期:而对于动态内容:使用恰当的Cache-Control文件头来帮助浏览器进行有条件的请求. 这一条能够和雅虎34条的第一条联系起来,那就是尽量降低http的请求次数(雅虎34条非常多都是努力去降低http请求为目的的),毕竟假设有太多的资源须要下载须

web基础-web工作原理，http协议，浏览器缓存

1,web工作原理 2,http协议 3,浏览器缓存 4,cookie和session -------------------------------------------------------------------------------------------------------------------------------- 1,web工作原理平时用浏览器,输入网址后回车,页面响应我们想要浏览的内容,简单操作的背后蕴涵了什么原理? 当输入url回车后,客户端(浏览器)会去请求

浏览器缓存(Egret项目实例分析)

参考文章: 浏览器缓存机制:http://web.jobbole.com/82997/ 浏览器缓存机制:http://www.cnblogs.com/skynet/archive/2012/11/28/2792503.html Meta http-equiv详解: http://kinglyhum.iteye.com/blog/827807 页面缓存相关设置: exprise 用于设定网页的到期时间.一旦网页过期,必须到服务器上重新传输. <meta http-equiv="expires

浏览器缓存机制<转>

转这篇文章是感觉可以在图片加载的时候,也使用这样的缓存策略作者:吴秦出处:http://www.cnblogs.com/skynet/本文基于署名 2.5 中国大陆许可协议发布,欢迎转载,演绎或用于商业目的,但是必须保留本文的署名吴秦(包含链接). 浏览器缓存机制,其实主要就是HTTP协议定义的缓存机制(如: Expires: Cache-control等).但是也有非HTTP协议定义的缓存机制,如使用HTML Meta 标签,Web开发者可以在HTML页面的<head>节点中加入&

缓存系列之一：buffer、cache与浏览器缓存

缓存系列之一:buffer.cache与浏览器缓存一:缓存是为了调节速度不一致的两个或多个不同的物质的速度,在中间对速度较快的一方起到一个加速访问速度较慢的一方的作用,比如CPU的一级.二级缓存是保存了CPU最近经常访问的数据,内存是保存CPU经常访问硬盘的数据,而且硬盘也有大小不一的缓存,甚至是物理服务器的raid 卡有也缓存,都是为了起到加速CPU 访问硬盘数据的目的,因为CPU的速度太快了,CPU需要的数据硬盘往往不能在短时间内满足CPU的需求,因此PCU缓存.内存.Raid 卡以及硬盘

WEB请求过程(http解析,浏览器缓存机制,域名解析,cdn分发)

概述发起一个http请求的过程就是建立一个socket通信的过程. 我们可以模仿浏览器发起http请求,譬如用httpclient工具包,curl命令等方式. curl "http://www.baidu.com" 返回页面数据 curl -I "http://www.baidu.com" -I查看http响应头的信息 curl -I "http://www.baidu.com" -H "Cookie=......; Accept-

<转>浏览器缓存机制

本篇博客转载自github,原文地址:浏览器缓存篇前言在前端开发中,缓存有利于加快网页的加载速度,同时缓存能够被反复利用,所以可以减少流量和带宽的开销. 缓存的分类有很多种,CDN缓存.数据库缓存.代理服务器缓存和浏览器缓存. 本篇讲解一下Web开发中的浏览器缓存.这个在实际开发环境中往往也会被问到,或者使用到.如何去准确认清楚缓存的概念,是前端必须要去学习的. 正文浏览器的缓存问题,主要指的是http的缓存——即协议层.而h5新增的storage和数据库缓存,那是应用层缓存,并不被计入本

分享：android图片浏览器—类微信朋友圈相片浏览【android代码下载】

今天给大家分享个android图片/相册浏览器,类似微信朋友圈相片浏览,可以左右滑动,可以双击放大,捏拉放大效果如下:<ignore_js_op> device-2013-09-04-110936.png (459.04 KB, 下载次数: 3) 下载附件保存到相册 6 天前上传代码: <ignore_js_op> ImageDemo.zip (2.42 MB, 下载次数: 617) 6 天前上传点击文件名下载附件下载积分: e币 -2 元其实我就写了几行

浏览器缓存之Expires Etag Last-Modified max-age详解

前段时间去面试移动端的H5开发工程师,在最后面试的时候被问到了max-age Expires Etag有什么不同,在什么情况下应用,当时乱编了一通,自我感觉良好,结果…… 大家懂得,现在讲他们几个的区别以及如何应用进行一下总结,方便后续查看. Expires http/1.0中定义的header,是最基础的浏览器缓存处理,表示资源在一定时间内从浏览器的缓存中获取资源,不需要请求服务器获取资源,从而达到快速获取资源,缓解服务器压力的目的. 在response的header中的格式为:Expires

[Android] 对自定义图片浏览器经常内存溢出的一些优化

首先关于异步加载图片可以参见夏安明的博客:http://blog.csdn.net/xiaanming/article/details/9825113 这篇文章最近有了新的更改,大概看了一下,内容更完善了.而我参考他之前的代码,发现了很多与内存有关的问题,这里记录一下发现的问题和解决方法. 本文地址:http://www.cnblogs.com/rossoneri/p/4284478.html 首先上个功能图: 1.本地图片浏览器做成对话框的形式,可以显示文件夹 2. 图片支持多选 3. 图

Win7系统Chrome浏览器缓存查看技巧介绍（转）

1.Chrome下提供了一个命令chrome://cache,可以查看到保留下来的缓存; 2.但是,当你点击缓存文件,Chrome却并非打开缓存源文件,而是如图所示的二进制编码文件; 3.在Win7系统中,Chrome的缓存目录是C:\Users\{用户名}\AppData\Local\Google\Chrome\User Data\Default\Cache.打开缓存目录之后,却什么都看不到; 4.我们可以借助第三方软件,下载ChromeCacheView工具,可以快速查看Chrome浏览器缓

CDN、浏览器缓存

CDN是什么? 谈到CDN的作用,可以用8年买火车票的经历来形象比喻: 8年前,还没有火车票代售点一说,12306.cn更是无从说起.那时候火车票还只能在火车站的售票大厅购买,而我所住的小县城并不通火车,火车票都要去市里的火车站购买,而从县城到市里,来回就是4个小时车程,简直就是浪费生命.后来就好了,小县城里出现了火车票代售点,可以直接在代售点购买火车,方便了不少,全市人民再也不用在一个点苦逼的排队买票了. CDN就可以理解为分布在每个县城的火车票代售点,用户在浏览网站的时候,CDN会选择一个离

php 图片浏览器缓存

PHP输出图片文件，实现浏览器缓存机制

使用.htaccess进行浏览器图片文件缓存

img标签浏览器缓存图片问题

学习笔记：Maven构造版本号的方法解决浏览器缓存问题

nginx,控浏览器缓存,前端优化方案

浏览器缓存相关的Http头介绍:Expires,Cache-Control,Last-Modified,ETag

JS清除IE浏览器缓存的方法

swift项目初体验--教你打造一款个性化图片浏览器(篇幅过大,慎入)

【nginx网站性能优化篇(1)】gzip压缩与expire浏览器缓存

浏览器缓存相关http头

web基础-web工作原理，http协议，浏览器缓存

浏览器缓存(Egret项目实例分析)

浏览器缓存机制<转>

缓存系列之一：buffer、cache与浏览器缓存

WEB请求过程(http解析,浏览器缓存机制,域名解析,cdn分发)

<转>浏览器缓存机制

分享：android图片浏览器—类微信朋友圈相片浏览【android代码下载】

浏览器缓存之Expires Etag Last-Modified max-age详解

[Android] 对自定义图片浏览器经常内存溢出的一些优化

Win7系统Chrome浏览器缓存查看技巧介绍（转）

CDN、浏览器缓存

热门专题

php 图片 浏览器缓存

热门专题

php 图片浏览器缓存