Server side 服务器端文件浏览

我正在开发一个web应用程序，它从一组文本文件中读取数据并将其映射到MySQL数据库

目前，表单需要手动输入文件路径，但我想在该字段中添加一个文件选择器，以使该部分的设置不那么繁琐

我找到的解决方案都允许选择单个文件，但我正在寻找一种允许使用输入模式的解决方案，因为我们的大多数工作都要求我们一次性从服务器上提取多个文件

---

非常感谢您在这件事上提供的任何帮助。

这需要大量的搜索和解决，但我找到了一个合理可行的答案

我面临的最大问题是浏览服务器端文件。我在那里找到了一个jQuery插件，解决了这个问题

它是一个AJAX文件浏览器，带有JSP、PHP、ASP和其他服务器端连接器脚本

我使用以下脚本构建了webapp的文件树：

  $(document).ready( function() {
    $('#loadFolderTree').fileTree({

        root: '/server_root/subfolder/tree_root',
        script: '/js/jquery_file_tree/connectors/jqueryFileTree.jsp',
        multiFolder: false,

    });    
  });

这个脚本的优点在于它以字符串的形式返回所选的文件路径。通过对脚本的默认文件处理进行一些小的添加，我能够使用以下代码将返回的文件路径写入相应的表单字段：

}, function(file) {
            var loadPat = document.getElementById("loadPattern");
            loadPat.value = file.replace("/server_root/subfolder/tree_root/", "");

由于表单已构建为处理相对于根目录的文件，因此无需打印整个路径，因此最后一段代码将修剪路径直至根目录，并将表单值设置为字符串的剩余内容

最重要的是，返回的字符串可以编辑为允许用户将input-file-1.txt的返回更改为input-file*.txt，并在一次运行中导入多个文件

这是最终结果：

  $(document).ready( function() {
    $('#loadFolderTree').fileTree({

        root: '/server_root/subfolder/tree_root',
        script: '/js/jquery_file_tree/connectors/jqueryFileTree.jsp',
        multiFolder: false,

    }, function(file) {
        var loadPat = document.getElementById("loadPattern");
        loadPat.value = file.replace("/server_root/subfolder/tree_root/", "");

    });    
  });

---

看一看，自2008年以来，似乎没有人维护过它，但它似乎仍然做得很好。5年后，我来到这里（！）但我想知道你在这方面是否取得了很大成功？我在相同的情况下也使用了这个方法，但是当我将jqueryfiletree指向我们的网络位置时，文件/文件夹在几层之后并不是按字母顺序排列的。然而，指向我的本地C:\驱动器，它工作得非常完美。是的，事实上我们仍然在应用程序中使用它。在我们的文件列表开始变长后不久，我就注意到了类似的排序问题。在将列表返回到浏览器之前，我必须修改用于手动排序的jsp连接器。