Javascript Ajax url获取404错误

Javascript Ajax url获取404错误,javascript,jquery,ajax,http-status-code-404,Javascript,Jquery,Ajax,Http Status Code 404,我正在尝试将一个本地文件夹中的所有图片加载到我的html页面上。代码引用。文件首先在Eclipse的(Tomcat8.5)服务器上运行,我在GoogleChrome中打开url。根据控制台显示,Ajax失败: GET/Users/jiaqni/../WebContent/upload 404() 知道我做错了什么吗?相对路径“dir='upload/”;“两者都不起作用。谢谢大家 <script> $(document).ready(function(){ c

我正在尝试将一个本地文件夹中的所有图片加载到我的html页面上。代码引用。文件首先在Eclipse的(Tomcat8.5)服务器上运行,我在GoogleChrome中打开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>

$(文档).ready(函数(){
log(“图像附加…”);
var dir=“/Users/jiaqni/../WebContent/upload/”;
var regexp=new regexp(“\.png\.jpg\.jpeg”);
$.ajax({
网址:dir,
成功:功能(数据){
//列出页面中的所有.png.jpg.jpeg文件名
console.log(“成功!”);
$(数据).find(“a”).filter(函数(){return regexp.test($(this.text());}).each(函数()){
var filename=this.href.replace(window.location,“”);
...
});
}
});
});

.htaccess已添加到文件夹/User/../upload/,以确保其可浏览。如果没有Ajax,
会在该文件夹中显示图像

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

不幸的是,这是不可能的-通常浏览器(如谷歌浏览器)会阻止你这么做(由于允许这样做可能会引起隐私和安全问题)

您应该将文件放在web服务器(例如Apache、ngnix等)中,并相应地调整AJAX请求的URL


祝你好运。

URL路径是否可浏览?也就是说:您能在浏览器中打开它并查看其中的所有文件吗?看起来不像您指向右侧的
dir
?@puelo-Yep,手动添加.htaccess以使其可浏览。我可以使用“”查看文件file:///Users/jiaqni/.../upload“但在Ajax中不是这样。我应该将“file://”添加到当前路径吗?它抛出另一个错误“跨源请求仅支持协议方案:http、数据、chrome、chrome扩展、https。”@Monkey_Dev1300如果我在html代码中使用了相对路径”,图像将显示。在html代码中使用绝对路径有什么问题吗?我是通过右键点击=>GetInfo=>Ajax拒绝获取这个URL(无论是绝对路径还是相对路径),这不应该阻止我访问EclipseIDE中的本地资源,对吗?此外,html能够显示带有显式代码的本地图像(甚至在浏览器中)。所以我假设只有Ajax被阻止?是的,只有Ajax被阻止。你可以在这里阅读更多信息:谢谢!由于部署问题,我无法使用XAMPP。我曾尝试将包含图像的文件夹放在apache-tomcat-8.5.15/temp/和apache-tomcat-8.5.15/wtpwebapps/ProjectName/中,但这两种方法都不能解决问题。您能告诉我在服务器文件夹中的哪个位置是Chrome可访问性的正确位置吗?此外,为什么**——禁用web安全**不起作用?我知道这不是最好的解决办法。。。