第一页加载后,不会加载通过jQuery加载的图像

时间:2017-12-23 04:08:24

标签: jquery image

我正在从文件夹中加载所有jpg / png图像并将其附加到元素,然后当元素“准备好”时,我会给它一些悬停效果等等。但是,在我第一次加载页面后,如果我要刷新它,图像将不再加载。这是我用来加载图片的代码。

var folder = "images/";
$.ajax({
    url: folder,
    success: function (data) {
        $(data).find("a").attr("href", function (i, file) {
            if (file.match(/\.(jpe?g|png)$/)) {
                $("div#whatever").append("<img class='gallery' src='"+ folder + file +"'>");
            }
        });
    }
});

同样,它可以工作,但是一旦我刷新页面,它就不再加载它们,除非我在Chrome中清除我的缓存图像。有没有办法可以强制刷新?这是否是正确的方式呢?

1 个答案:

答案 0 :(得分:0)

尝试使用Math.floor((Math.random() * 1000) + 1)这是一个随机数,将其添加到您的图片src .. OR 您可能需要在ajax中尝试cache: false

var folder = "images/";
var RandomNum = Math.floor((Math.random() * 1000) + 1);
$.ajax({
    url: folder,
    cache: false,  //<<<<<<<<<<<<<<<< here
    success: function (data) {
        $(data).find("a").attr("href", function (i, file) {
            if (file.match(/\.(jpe?g|png)$/)) {
                $("div#whatever").append("<img class='gallery' src='"+ folder + file +"?"+RandomNum +"'>");
            }
        });
    }
});