`
xuedong
  • 浏览: 297928 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js判断图片是否被缓存

阅读更多

在ie8下测试是可以的,别的没测。有用到的可以自己测试下,呵呵。

 

代码如下:

 

/**
 url 测试图片路径
 被缓存返回true,没被缓存返回false
 */
 function testCache(url){
  alert('执行');
  var url='http://www.8chedao.com/page/images/webIndex-logo.png';
  var myImg = new Image();  
  myImg.src = url;  
  if(myImg.complete) {  
      alert('图片被缓存');  
      return true;
  }else{  
      alert('图片没被缓存');  
      myImg.onload = function() {  
          alert('图片已经下载成功!');  
      }  
      return false;
  } 
 }

 

 

 

 

2
0
分享到:
评论
1 楼 chinatjnet 2012-11-08  
ie9中是不行的,不知什么原因

相关推荐

    js判断图片加载完成后获取图片实际宽高的方法

    在这种情况下,可能需要采取其他策略来判断图片是否已经被缓存并决定如何处理。 以上就是使用JavaScript获取图片实际尺寸的基本方法和注意事项。通过理解这些知识点,我们可以在Web开发中更加灵活和准确地处理图片...

    Android实现WebView图片缓存,替换加载前默认图片的样式

    一、图片缓存 1. 使用WebView内置的缓存机制:WebView自身提供了缓存机制,包括内存缓存和磁盘缓存。通过设置`WebSettings`的`setCacheMode`方法,可以开启缓存模式。例如,我们可以设置为`LOAD_CACHE_ELSE_NETWORK...

    ASP.NET缓存剖析

    当用户首次访问一个网页时,浏览器会下载所有静态资源(如图片、CSS和JavaScript文件),并将它们存储在本地。随后的访问,浏览器会检查这些文件是否已过期或未改变,如果未改变,浏览器直接从缓存中加载,无需再次...

    关于JS判断图片是否加载完成且获取图片宽度的方法

    在JavaScript中,判断图片是否加载完成以及获取图片的宽度是前端开发中常见的需求。这主要应用于处理用户上传图片时可能出现的布局问题,如图片加载不完全导致页面元素尺寸异常。以下将详细介绍两种常用的方法。 ##...

    js 判断图片是否加载完以及实现图片的预下载

    本文将详细介绍如何使用JavaScript判断图片是否加载完成以及如何实现图片的预下载。 首先,让我们来看一下如何判断图片是否加载完成。在HTML中,我们通常使用`<img>`标签来插入图片,并通过设置`src`属性指定图片的...

    浏览器HTTP缓存机制

    强制缓存依赖于两个主要的HTTP头部信息来判断缓存是否仍然有效:`Expires` 和 `Cache-Control`。 - **Expires**: 指定资源到期时间的一个日期/时间值。如果当前时间晚于该时间,则认为缓存已过期。需要注意的是,该...

    JS实现图片预加载

    为了解决这个问题,可以使用 Image 对象的 complete 属性来判断图片是否已经载入成功。 例如: ``` function loadImage(url, callback) { var img = new Image(); img.src = url; if (img.complete) { callback...

    js缓存系统

    js缓存系统是一种基于JavaScript实现的数据存储解决方案,它可以在客户端(通常是浏览器)上存储数据,以便在后续请求或页面加载时快速访问,避免了不必要的网络请求,从而大大提高了应用的响应速度。这种缓存机制...

    jsp 页面缓存

    客户端缓存通常依赖于HTTP头信息,服务器通过设置合适的缓存策略,可以让浏览器自动缓存静态资源,如CSS、JavaScript文件和图片。 总结来说,"jsp 页面缓存"是一个涉及到Web性能优化的关键概念。通过合理地设置和...

    延时加载+静态资源本地缓存

    实现懒加载可以借助JavaScript库,如lozad.js或lazysizes,它们能够监听滚动事件,判断图片是否进入视口,然后触发加载。此外,HTML5的Intersection Observer API也可以用于实现这个功能,它提供了更加高效且低耦合...

    浏览器缓存策略Httpwatch

    2. ETag:资源的唯一标识符,用于判断资源是否更新。 3. Expires:指定资源的过期时间。 4. Last-Modified:服务器告知资源的最后修改时间。 5. If-Modified-Since / If-Unmodified-Since:浏览器在请求时携带这些头...

    react_native图片缓存2.zip

    在React Native中,图片缓存是一个重要的性能优化策略,它涉及到网络请求、本地存储和UI渲染等多个方面。本文将深入探讨React Native中的图片缓存机制,以及如何有效地管理和利用这一功能来提升应用的用户体验。 ...

    web浏览器-缓存详解

    3. 缓存验证:若资源可能已更新,浏览器会发送一个带有If-None-Match或If-Modified-Since头的请求到服务器,服务器根据这些头信息判断资源是否改变,若无变化则返回304 Not Modified状态码,浏览器继续使用缓存;...

    jQuery:图片缓存 10 jQuery Image Cache Plugins and Scripts

    Smart Preload插件智能地判断图片是否在视口附近,从而决定是否预加载,减少了不必要的网络请求。 10. **ScrollReveal.js** 虽然不是专门的图片缓存工具,但ScrollReveal.js可以与缓存插件配合使用,提供动画效果...

    浏览器的缓存机制1

    不同类型文件可能会被存放在不同的缓存中,例如JavaScript和图片常存于内存缓存,CSS文件则可能存于硬盘缓存。 通用信息头(如Cache-Control、Connection、Date等)在请求和响应报文中都能看到,它们提供了一些基本...

    网页缓存提取器

    它能够帮助用户方便地获取存储在缓存中的网页内容,包括图片、HTML文件、JavaScript、CSS等资源,这对于网页分析、数据恢复或者网络调试等工作非常有用。下面我们将深入探讨网页缓存、缓存的工作原理以及网页缓存...

    Vue+mui实现图片的本地缓存示例代码

    3. 图片缓存的重要性:图片缓存是指将图片缓存在客户端,以便下次使用时可以直接从缓存中获取。这种机制可以减少网络流量和服务器压力,提高应用程序的性能。 4. mui框架的plus对象:mui框架提供了一个plus对象,该...

    跨终端的文件加载及缓存.pdf

    为克服这些限制,新的解决方案如Sea.js结合插件,提供了更灵活的模块化缓存策略,可以根据业务逻辑动态管理缓存内容。 总的来说,跨终端的文件加载及缓存需要综合考虑多种因素,包括但不限于用户设备、网络环境、...

Global site tag (gtag.js) - Google Analytics