html – 如何从相同的输入类型上传文件夹和文件？

2023年5月5日 311次阅读

我正在使用一个表格,我可以上传文件或完整文件夹.我使用以下代码：

<html>
  <input type = "file" id = "file" name = "files[]" multiple/>
  <input id="file" type=file multiple webkitdirectory directory>
</html>

第一次输入,我可以上传文件而不是文件夹和第二次输入,我可以上传文件夹而不是文件.但我希望能够使用相同的输入上传两者.

请告诉我,单击即可上传文件和文件夹的确切代码是什么.

最佳答案 在我写这篇文章的时候,纯HTML不可能做到这一点,除非你使用像Flash那样的插件然后就可能了.

1个文件上传：

<input type="file" name="file">

上传多个文件(但必须在同一文件夹中)：

<input type="file" name="file[]" multiple>

1个文件夹上传(注意：并非所有浏览器都支持此功能)：

<input type="file" name="file" webkitdirectory directory>

目前可能无法上传多个文件夹.

这是一个可行的技巧(但我没有测试它)：您可以直接在输入字段中拖放文件和文件夹,例如从桌面拖放到浏览器的输入.尝试选择文件和文件夹并在输入字段中删除它们,但我不知道它们是否会正确上传到服务器.

编辑：

刚刚测试了这个技巧,它没有用：/

点赞