javascript - 是否可以使用 JQuery 或 JavaScript 查找并上传特定的文件列表？

Question

我想做一个例程来查找预定数量的文件，这些文件将始终在同一位置找到，并且将始终具有相同的文件名。是否可以找到这些文件，然后将它们上传到网络服务器，而用户干预最少？

理想情况下，我希望用户只单击一次按钮，然后会在本地找到这些文件，然后将它们上传到网络服务器。最初我打算使用一个表单，让用户点击每个文件的“搜索文件”窗口，但我现在需要同时上传 20 个小文件，所以这种方法会非常耗时。

有什么建议或想法吗？

Answer 1

Is it possible to find these files and then upload them to the webserver, with minimal user intervention?

在 input type="file" 元素的每个用户操作中，用户应该从用户文件系统中选择用户文件。用户选择的文件应该可以在 onchange 事件中的 FileList 对象中访问。

如果所有文件都保存在同一个目录，并且浏览器支持directory属性，用户应该可以上传用户选择的文件夹。

Chrome，设置 webkitdirectory 属性时，chromium 允许上传文件夹； firefox 目前不允许上传文件夹，但当 multiple 属性设置 设置 allow_dirs 属性时，用户可以在单个文件对话框中上传多个文件。

另见

• How to upload and list directories at firefox and chrome/chromium using change and drop events
• jQuery File Upload Plugin: Is possible to preserve the structure of uploaded folders?
• How to print all the txt files inside a folder using java script
• How FileReader.readAsText in HTML5 File API works?

document.querySelector("input").onchange = function() {
  console.log(this.files)
}

<input type="file" directory="directory" allow_dirs="allow_dirs" webkitdirectory="webkitdirectory" />