如何从文件夹中读取文件名并将其存储到javascript数组中?

如何从文件夹中读取文件名并将其存储到javascript数组中?,javascript,php,html,css,Javascript,Php,Html,Css,我正在尝试创建一个网站,我只想在我的javascript文件中有一个数组,其中包含“images/”文件夹中每个文件的名称 我什么都试过了。我一次又一次地搜索stackoverflow,结果什么也没找到。我尝试过ajax和php函数,也尝试过使用MAMP和XAMPP作为我的本地web服务器(顺便说一句,我在mac上,如果这很重要的话)。每当我尝试加载图像并将文件名记录到控制台时,什么都不会发生。我不知道该怎么办 我敢肯定,问题是对我的目录的访问被阻止了,是本地web服务器不工作,而不是代码(尽管

我正在尝试创建一个网站,我只想在我的javascript文件中有一个数组,其中包含“images/”文件夹中每个文件的名称

我什么都试过了。我一次又一次地搜索stackoverflow,结果什么也没找到。我尝试过ajax和php函数,也尝试过使用MAMP和XAMPP作为我的本地web服务器(顺便说一句,我在mac上,如果这很重要的话)。每当我尝试加载图像并将文件名记录到控制台时,什么都不会发生。我不知道该怎么办

我敢肯定,问题是对我的目录的访问被阻止了,是本地web服务器不工作,而不是代码(尽管我可能错了)

以下是一些我尝试过但不起作用的更具体的解决方案示例:

尝试1
index.php:

...
<?php
    $images = array_values(array_diff(scandir($dir), array('..', '.')));
    $imagesJS = json_encode($images);
?>
<script type="text/javascript">
    var images =  "<?= $imagesJS ?>";
</script>
</script src="js/bodyScript"></script>
...
尝试2
bodyScript.js:

console.log(images); // returns null on attempt
var folder = "images/";

$.ajax({
    url : folder,
    success: function (data) {
        $(data).find("a").attr("href", function (i, val) {
            if( val.match(/\.(jpe?g|png|gif)$/) ) { 
                images.push(val); // add file name to array (doesn't work)
                console.log(val); // log to console for debugging purposes (also doesn't work)
            } 
        });
    }
});
$.ajax({
  url : "images/",
  success: function(data){
     $(data).find("td > a").each(function(){
        console.log($(this).attr("href")); // nothing gets logged
     });
  }
});
尝试3
bodyScript.js:

console.log(images); // returns null on attempt
var folder = "images/";

$.ajax({
    url : folder,
    success: function (data) {
        $(data).find("a").attr("href", function (i, val) {
            if( val.match(/\.(jpe?g|png|gif)$/) ) { 
                images.push(val); // add file name to array (doesn't work)
                console.log(val); // log to console for debugging purposes (also doesn't work)
            } 
        });
    }
});
$.ajax({
  url : "images/",
  success: function(data){
     $(data).find("td > a").each(function(){
        console.log($(this).attr("href")); // nothing gets logged
     });
  }
});
谢谢

伪代码

JavaScript:

$.ajax({
  url : "http://mysite/getdirectories.php",
  success: function(data){
     console.log(data);
  }
});
PHP(getdirectories.PHP)


“图像”文件夹位于客户端(您的计算机)还是服务器上?