js 前端过滤器 实现图片缓存与版本控制更新的功能?

JavaScript08

js 前端过滤器 实现图片缓存与版本控制更新的功能?,第1张

兄台多虑了,以我个人见解,这个功能应该是前端js搞不定,你js什么时候加载就是个问题,第二个问题就是js也检测不到网络请求,那是浏览器干的事。

但是针对缓存这事,一个是在服务端设置,也就少web服务或者少CDN那设置缓存。很多情况下,图片,css都是默认缓存的,你打开开发者工具之后确保禁用缓存的复选框取消,你刷新一下,看看那图片、css是不是就是304状态。

jquery自从1.2开始就有ifModified和cache参数了,不用自己加header

ifModified Boolean Default: false

Allow the request to be successful only if the response has changed since the last request. This is done by checking the Last-Modified header. Default value is false, ignoring the header.

cache Boolean Default: true

Added in jQuery 1.2, if set to false it will force the pages that you request to not be cached by the browser.

$.ajax({

type: "GET",

url: "static/cache.js",

dataType: "text",

cache:false,

ifModified :true

})

alert('该图片已经存在于缓存之中,不会再去重新下载')}else{alert('图片不存在缓存之中')

alert('图片下载成功!')}}shiyong使用Image对象的complete属性来判断指定图片是否已经存在缓存之中,当complete属性为true是该图片则已经存在于缓存之中,否则反之。