Question

我正在尝试通过jquery和ajax从文件夹加载图像，我正在使用提供的解决方案here。但是，这会引发404错误 - 即使目录肯定存在，我甚至可以访问其中的文件。

这是jquery代码：

$(document).ready(function () {
var folder = "images/";

$.ajax({
    url: folder,
    success: function (data) {
        $(data).find("a").attr("href", function (i, val) {
            if (val.match(/\.(jpe?g|png|gif)$/)) {
                $('#galerie').append('<a class="image_anchor" data-fancybox="gallery" href="resources/img/header_bg.jpg"><img src="' + folder + val + '" /></a>')
            }
        });
    }
});
});

Answer 1

正如您在question中所提到的那样

//This will retrieve the contents of the folder if the folder is configured as 'browsable'

将.htaccess文件放在图像所在的目录中。 .htaccess文件的内容应如下所示：

Options +Indexes

更多信息：https://support.tigertech.net/directory-index

请记住，您需要在网络服务器上运行该页面，因为您使用的是.htaccess（不需要PHP）

Answer 2

由

引起

目录中没有.htaccess
使用WebStorm而不是xampp（我不知道为什么，但它只是在WebStorm服务器上不起作用）

从文件夹加载图像时，Ajax调用抛出404

2 个答案: