使用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=images[i]
        }
    }

 

 

 

 

转载于:https://www.cnblogs.com/zhuifeng/p/3963062.html