网页应用如何实现本地文件夹选择？

很多网页应用，比如在线代码编辑器，需要访问用户本地文件系统，例如选择项目文件夹。本文将讲解如何在HTML中实现选择本地文件夹的功能，并解答VS Code for the Web是如何实现这一功能的。

用户提问：VS Code for the Web是如何实现选择本地文件夹的？截图显示其文件选择界面并非简单的文件上传，而是直接访问本地文件夹。

Teleport tsh SSH (Identity-First SSH Access, no passwords/static keys)

使用tbot机器ID身份文件配合tsh CLI，通过Teleport访问控制SSH登录托管主机或执行远程命令。

下载

答案：关键在于浏览器对文件系统访问API (File System Access API) 的支持。Chrome和Edge等浏览器支持此API，允许网页在用户授权后访问本地文件系统。VS Code for the Web正是利用了这个API。通过该API，网页应用可以请求用户选择文件夹，并访问其下的文件，从而实现类似桌面应用的本地文件操作体验，无需文件上传。这使得VS Code for the Web能够作为零安装的本地开发工具。因此，VS Code for the Web并非通过传统上传机制实现文件夹选择，而是直接依赖浏览器提供的File System Access API，实现了对本地文件系统的直接访问。