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

我猜这里有问题的网址是指您计算机上的本地资源。

不幸的是，这是不可能的 - 通常浏览器（例如谷歌浏览器）会阻止您这样做（由于允许隐私和安全问题）。

您应该将文件放在Web服务器中（例如，Apache，ngnix等）并相应地调整AJAX请求的URL。

祝你好运。

Ajax url GET 404错误

1 个答案: