如何用HTML实现拖拽文件夹仅获取路径（无需上传）的功能？

核心结论 #

标准HTML/JavaScript无法直接获取本地或共享网络存储文件夹的真实物理路径（如Windows UNC路径\\smb-share\foo\foo1或Mac /Volumes/foo/foo1），这是浏览器核心安全机制限制导致的。

为什么做不到？ #

浏览器为保护用户隐私和系统安全，对文件系统访问做了严格隔离：

• 当拖拽文件夹到网页时，浏览器仅提供沙箱内的虚拟路径（比如Chrome里的/f/xxxx格式），不会暴露真实的本地或共享存储路径。
• 即便使用File System Access API，也只能获取受浏览器管控的文件句柄，无法拿到真实的物理路径字符串。

内部业务场景的可行替代方案 #

因是内部应用，可利用环境可控的优势，采用以下方案：

• 桌面化Web框架（Electron/CEF）：将Web应用打包成桌面应用，借助Node.js的fs和path模块，在拖拽事件中直接获取文件夹的真实路径（含UNC和Volumes路径），完全匹配需求。
• 定制浏览器扩展：为内部员工部署定制的Chrome/Firefox扩展，扩展拥有更高系统权限，可通过浏览器文件系统API获取真实路径，再通过消息传递机制传给Web应用。
• 本地代理服务：开发轻量本地HTTP服务（用Python/Go均可），Web应用通过localhost端口与服务通信，拖拽时将文件信息发送给服务，由服务读取系统真实路径后返回给Web应用。
• 旧IE兼容（不推荐）：若内部仍用IE浏览器，其原生拖拽事件可直接获取真实路径，但IE已停止支持，仅作为极端场景临时方案。

注意事项 #

无论采用哪种方案，都需确保用户操作系统已获得对应共享存储的访问权限，否则即便拿到路径也无法进行后续操作。

内容的提问来源于stack exchange，提问作者DeltaFi