使用 AJAX 从 github 文件夹获取图像文件

Question

我是 js/jquery 的新手，甚至是 AJAX 的新手。我有一个投资组合项目，我正在尝试构建一个简单的日历（现在我只是使用完整日历），它会自动填充在每个特定日期拍摄的照片。最初它是在 Instagram API 上这样做的，但我对 public 权限的审查被 Instagram 拒绝了，因此为了让我的项目正常工作，我必须用正确的日期手工命名每个文件。

无论是使用 Instagram 还是使用我的方法，我都可以在本地使用它，但是一旦我开始使用 github 它就不再有效了。

如果我导航到 http://ME.github.io/img/，我会收到 404。

如果我导航到 http://ME.github.io/img/2015-12-31.jpg，它会加载正确的图像。

我的代码：

$.ajax({
    url: "http://ME.github.io/img/",
    success: function(data){
        $(data).find('a:contains(".jpg")').each(function (){
            // will loop through
            console.log("Found a file: " + $(this).attr("href"));
        });
    }
});

我能做些什么吗？我假设这是一个 github 特定的问题，因为我在本地工作。

Answer 1

Cross-origin 请求通常受到限制，在 GitHub 上也不行吗？使用浏览器 JS 控制台或 Fiddler 来确定它。如果受到限制，您应该 "proxy" 您的 back-end 请求。

使用 AJAX 从 github 文件夹获取图像文件

Getting image files from github folder with AJAX

jquery

ajax

github

directory

subdirectory