首页 > 代码库 > 使用JavaScript缓存图片

使用JavaScript缓存图片

在JS中,为了让图片缓存起来,客户端JS定义了一个API,首先利用Image()构造函数来创建一个屏幕外图片对象,之后将该对象的src属性设置 期望的URL,由于图片元素并没有添加到文档中,因此它是不可见的,但是浏览器还是会加载图片并将其缓存起来。

案例:缓存多张图片

    function preloader(){        var imageObj = new Image();        //images数组存放的是要缓存的图片的URL路径        var images = ["image1.jpg", "image2.jpg", "image3.jpg"];        for(i=0; i < images.length; i++ ){            //加载图片到本地客户端            imageObj.src=http://www.mamicode.com/images[i]        }    }

 

 

 

 

使用JavaScript缓存图片