如何从同一输入类型上传文件夹和文件?

时间:2016-11-24 12:40:31

标签: html

我使用的表单可以上传文件或完整文件夹。我使用以下代码:

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

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

请告诉我一键上传文件和文件夹的具体代码是什么。

1 个答案:

答案 0 :(得分:2)

正如我写这篇文章一样,纯HTML不可能做到这一点,除非你使用像Flash那样的插件,否则它可能是可能的。

1个文件上传:

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

上传多个文件(但必须位于同一文件夹中):

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

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

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

目前无法上传多个文件夹。

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

修改

刚刚测试过这个技巧,它没有用:/