获取给定目录jQuery中的文件名

时间:2016-09-08 10:47:06

标签: jquery directory directory-listing

我想得到一个文件名列表,稍后将存储到数组中。以下代码仅以与浏览器中显示Apache列表相同的方式显示目录列表,例如: G。 1234.txt 31-Aug-2016 13:17 35K如何更改它,所以我只得到文件名?

<script type="text/javascript">
$(document).ready(function () {
  $.get("dat/", function(data) {
    $("#files").append(data);
  });
});
</script>
<body>
<div id='files'></div>
</body>

2 个答案:

答案 0 :(得分:6)

请尝试使用以下代码。 openFile函数可用于检查它是文件还是文件夹。请根据您的使用情况添加更多功能扩展名。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script>
    var fileNames = new Array();
    $.ajax({
      url: "/test/",
      success: function(data){
         $(data).find("td > a").each(function(){
            if(openFile($(this).attr("href"))){
                fileNames.push($(this).attr("href"));
            }           
         });
      }
    }); 
    console.log(fileNames);
    function openFile(file) {
        var extension = file.substr( (file.lastIndexOf('.') +1) );
        switch(extension) {
            case 'jpg':
            case 'png':
            case 'gif':   // the alert ended with pdf instead of gif.
            case 'zip':
            case 'rar':
            case 'pdf':
            case 'php':
            case 'doc':
            case 'docx':
            case 'xls':
            case 'xlsx':
                return true;
                break;
            default:
                return false;
        }
    };
</script>

答案 1 :(得分:0)

我遇到了类似的问题。我需要从指定目录加载所有文件名。所以我做了一个功能

sls

然后您像这样调用此函数

function loadFileNames(dir) {
    return new Promise((resolve, reject) => {
        try {
            var fileNames = new Array();
            $.ajax({
                url: dir,
                success: function (data) {
                    for(var i = 1; i < $(data).find('li span.name').length; i++){
                        var elem = $(data).find('li span.name')[i];
                        fileNames.push(elem.innerHTML);
                    }
                    return resolve(fileNames);
                }
            });
        } catch (ex) {
            return reject(new Error(ex));
        }
    });
}