代码之家 › 专栏 › 技术社区 › user856232

浏览器文件夹上载

directory upload browser html

user856232 · 技术社区 · 8 年前

我希望能够让用户上载一个文件夹,其中包含所有文件和文件夹,并仅使用浏览器保留我的web应用的层次结构。

我已经搜索过了,但没有找到如何做到这一点。每个人都说这是一个浏览器问题,我相信这是因为没有浏览器标准来做到这一点。

我发现并使用了许多上传文件的javascript实现。当我把文件夹拖到上面时,我可以得到所有文件的列表,但文件夹和层次结构都消失了。如果我使用打开对话框的文件夹来查找文件,它们都不允许选择文件夹。

Dropbox是如何做到这一点的?

我可以将整个文件夹拖到Chrome或Safari(在mac上)上,它们都会上载文件夹和文件,并在dropbox中保留层次结构。

难道没有人知道他们是如何做到这一点的,这样我就可以在我自己的基于浏览器的web应用程序上做同样的事情吗?

1 回复 | 直到 8 年前

caylee 8 年前

您必须向输入标记添加一些参数以支持目录上载: webkitdirectory 对于基于Webkit的浏览器(如Chrome)和 mozdirectory 用于Mozilla浏览器(Firefox)。

HTML代码可能如下所示:

<input type="file" webkitdirectory mozdirectory â¦ />

推荐文章

DiscreteTom · JavaScript structuredClone在Chrome/Edge中获得了“非法调用”,但在NodeJS中没有

2 年前

Ish Mahajan · WebTransport的浏览器兼容性

2 年前

Lixin Wei · 为什么WebRTC可以在未经我许可的情况下获取我的本地IPv6地址?

2 年前

Václav Procházka · 动态创建获取和解析脚本的顺序

2 年前

jani · 检查安装了哪些浏览器,然后在其桌面上创建快捷方式

2 年前

Italy Zia · 我收到一个“拒绝执行来自的脚本”http://localhost:3000/js/dashboard/dashboard.js',因为其MIME类型('text/plain')不可执行

2 年前

kakakali · 为什么appendChild()会丢失一些子项?

2 年前

Djaro · 人们在我的标签上按下shift,但在另一个标签上释放它。如何防止Ctrl+Shift+Tab破坏我的“Shift_pressed”变量?

2 年前

StuartN · 使用默认搜索引擎的HTML搜索链接

2 年前

Vindicated · 如何访问当前未连接到的URL的本地存储?

2 年前