使用jQuery预加载目录中的所有图像

Question

我想在所调用的目录中预加载所有图像img,并且该目录还包含名为的子目录ui_images.

我知道如何通过将其名称放入数组并执行预加载工作来预加载特定图像,但我想知道如何告诉脚本动态搜索该目录中的所有图像img和img/ui_images？

这是我的代码:

var preloadImg = function(imgArr){
    $.each(imgArr, function(index,value){
        $("<img/>")[0].src = value;
    }); 
}

var arrimg = ['img/check.png','img/add_sub.png'];
preloadImg(arrimg);

Answer 1

在http中没有通用的工具来进行目录列表.我能想到的选择是:

1. 以可预测的方式命名您的图像,如(img001,img002等),然后您可以加载图像,直到出现错误.

2. 以可预测的方式命名您的图像,如(img001,img002等),然后在您的网页中将一个数字限制值编码为有多少.

3. 创建一个ajax调用(在客户端和服务器上),它将为您提供要预加载的图像名称列表.

4. 让您的服务器在页面中嵌入一系列图像名称,以便了解要预加载的内容.