Ajax url GET 404 错误

Question

我正在尝试使用 Ajax 将一个本地文件夹中的所有图片加载到我的 html 页面上。代码参考this question。文件首先在 Eclipse 中的（Tomcat 8.5）服务器上运行，然后我在 Google Chrome 中打开 url。然后根据控制台Ajax失败：

GET /Users/jiaqni/.../WebContent/upload 404()

知道我做错了什么吗？相对路径“dir='upload/';”两者都不起作用。多谢你们！

<script>
    $(document).ready(function(){
        console.log("Image appending...");
        var dir = "/Users/jiaqni/.../WebContent/upload/";
        var regexp = new RegExp("\.png|\.jpg|\.jpeg");
        $.ajax({
            url: dir,
            success: function (data) {
                //List all .png .jpg .jpeg file names in the page
                console.log("Success!");
                $(data).find("a").filter(function(){return regexp.test($(this).text());}).each(function(){
                    var filename = this.href.replace(window.location, "");
                    ...
                });
            }
        });
    });
</script>

.htaccess 已添加到文件夹 /User/.../upload/ 以确保其可浏览。如果没有 Ajax，<img src="upload/xxx.jpeg"/> 会在该文件夹中显示图像。

Answer 1

我猜这里的 URL 指的是您计算机上的本地资源。

很遗憾，这是不可能的 - 通常浏览器（例如 Google Chrome）会阻止您这样做（由于允许这样做可能会引起隐私和安全问题）。

您应该将文件放入您的网络服务器（例如 Apache、ngnix 等）并相应地调整 AJAX 请求的 URL。

祝你好运。