服务器端文件浏览

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

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

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

非常感谢在此事上的任何帮助。

我进行了大量的搜索和一些工作，但我找到了一个相当可行的答案。

我遇到的最大问题是浏览服务器端文件。我在以下位置找到了一个 jQuery 插件一个美丽的网站这解决了这个问题。

它是一个 AJAX 文件浏览器，带有适用于 JSP、PHP、ASP 等的服务器端连接器脚本。

我使用以下脚本构建了 web 应用程序的文件树：

  $(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/", "");

    });    
  });