如何使用Javascript加载文件夹中的所有图像并按其名称过滤?

时间:2019-05-31 12:56:58

标签: javascript jquery html ajax

我是Web开发的新手,所以,如果我的问题显得愚蠢,请原谅。

我想创建一个网站,该网站可以通过Javascript加载文件夹中的所有图像,并可以选择通过文件名中的元数据过滤它们。但是我该如何实现呢?

我已经考虑过使用AJAX或PHP,但是我不知道如何在流程中实现过滤器功能。有什么建议吗?

预先感谢您, 旅行

1 个答案:

答案 0 :(得分:1)

第一件事。请考虑一下,我不是一个好的开发人员:'(
我的解决方案可能没有用...
好的,让我们这样一个文件夹-

example_folder

example_folder
 |-- file_01.ext
 |-- file_02.ext
 |-- file_03.ext
 |-- so on..

据我所知,您无法使用JS / Query访问服务器上的任何文件或文件夹。因此,我要做的是创建一个简单的php脚本来获取example_folder

get_fileList.php

中的文件列表
<?php
    $dir  = "path/to/example_folder/";
    $list = array_slice(scandir($dir), 2);
    echo json_encode($list);
?>

现在,计划是从Jquery文件中获取此文件信息-

script.js

$(document).ready(function(){
    $.get("get_fileList.php", function(data, status){
        var data = JSON.parse(data);
        console.log(data);
    });
});

现在,您已将文件列表作为对象。检查您的控制台。
您说必须过滤列表。请告诉我,您的意思是什么?排序?如果需要排序,php将自动按名称对文件进行排序。

顺便说一句,三联春,欢迎来到代码世界