如何从 NodeJS（服务器端，而不是浏览器）打开“选择文件夹”对话框？

Question

为什么要在服务器端显示文件/文件夹对话框？

我正在构建一个打算在本地运行的项目（节点服务器端部分和浏览器中的客户端），我希望能够选择一个路径，将其添加到一些列表或 JSON 文件，然后在其中维护一些项目（webpack'ing、读取文件、通过 express 服务等）。

大多数情况下仅供个人使用，现在无论如何。

我要求通过 Node 而不是浏览器执行此操作的原因是，我可以以某种方式绕过现代浏览器中的安全隐患，即在选择文件夹时阻止在客户端显示完整的本地文件夹路径（来自<input> 标签）。

不仅如此，我也：

• 不需要上传任何文件，或者
• 不需要所选文件夹中包含的文件列表。

我只需要：

• 一种以用户友好的方式选择文件夹的方法，并且...
• 提交到服务器的路径
• （或者让服务器提示它，并将其存储在某处）。

---

以input标签为例：

<input id="open-project" type="file" />

这将产生这种类型的弹出窗口，非常适合挖掘文件夹、粘贴部分路径以快速导航到您需要的位置、转到您的快速访问/收藏夹等...

但它是用于选择文件，没有暴露路径，也没有任何有用的信息传递给服务器。

不过……

如果你切换到这个...

<input id="open-project" type="file" webkitdirectory directory />

您最终会看到这个可怕的对话框，它假定您要上传文件夹中包含的所有文件。

---

所以看起来<input> 并不是正确的选择。

也许有一个在服务器端执行此操作的现有模块？这样我就可以：

• 从客户端“调用”它，例如通过 AJAX
• 然后会在服务器上触发它
• 然后显示文件夹选择提示

或者……

制作一个...浏览器中的树形视图...与节点端来回通信以挖掘本地文件系统...

有什么建议吗？

Answer 1

我通过生成一个子 powershell 进程并将该值传递回父进程来实现这一点。这只能在 Windows 服务器上工作，但这样的事情应该可以工作：

let psScript = `
Function Select-FolderDialog
{
    param([string]$Description="Select Folder",[string]$RootFolder="Desktop")

 [System.Reflection.Assembly]::LoadWithPartialName("System.windows.forms") |
     Out-Null     

   $objForm = New-Object System.Windows.Forms.FolderBrowserDialog
        $objForm.Rootfolder = $RootFolder
        $objForm.Description = $Description
        $Show = $objForm.ShowDialog()
        If ($Show -eq "OK")
        {
            Return $objForm.SelectedPath
        }
        Else
        {
            Write-Error "Operation cancelled by user."
        }
    }

$folder = Select-FolderDialog # the variable contains user folder selection
write-host $folder
`

这实际上是您需要提示文件夹位置的脚本，然后将其写入主机（类似于 console.log）

那么你需要执行这个脚本并处理输出：

var spawn = require("child_process").spawn,child;
child = spawn("powershell.exe",psScript);
child.stdout.on("data",function(data){
    console.log("Powershell Data: " + data);
});
child.stderr.on("data",function(data){
    //this script block will get the output of the PS script
    console.log("Powershell Errors: " + data);
});
child.on("exit",function(){
    console.log("Powershell Script finished");
});
child.stdin.end(); //end input