javascript-列出包含网站资产的文件夹的内容

Question

我有一个本地静态网站，我不打算将其部署到任何地方（仅在本地使用）。

然后，我有一个包含资产的文件夹，其中包含数千张图像。 相对于其他网站文件的路径是已知的，并且不会更改。 我想（递归）列出此文件夹中的文件名，并将它们存储在javascript数组中。

最终目的是显示图像并具有“下一个/上一个”按钮在它们之间进行导航。

假设我的文件夹结构为：

if(VIEW_TYPE == Constants.TYPE_NEGATIVE) { 
LinearLayout buttonsLayout =     view.findViewById(R.id.ButtonsLayout);
buttonsLayout.setVisibility(View.VISIBLE);}else{
buttonLayout.setVisibility(View.GONE);}

我需要在/website - index.html - scripts.js + /images - image1.png - cat.png ... - dog.png - car.png 文件中加载包含scripts.js文件夹内文件名的javascript数组，以便在它们之间显示和导航：

./images

我的问题是：如何在普通客户端JavaScript中编写var filenames = read_filenames("./images") 函数？

我尝试在read_filenames之前的index.html中添加这段代码：

<script src="scripts.js"></script>

但是我得到了：

<script type="text/javascript">
    var filenames = <?php $out = array();
    foreach (glob('file/*.html') as $filename) {
        $p = pathinfo($filename);
        $out[] = $p['filename'];
    }
    echo json_encode($out); ?>;
</script>