Vue-simple-uploader 如何配置上传文件夹

Vue-simple-uploader 不支持直接上传文件夹，但可以通过以下步骤实现上传文件夹的功能：

1. 使用 HTML5 文件夹选择器选择需要上传的文件夹。

2. 使用 JavaScript 递归遍历文件夹中的所有文件，将它们添加到一个数组中。

3. 将数组中的文件使用 Vue-simple-uploader 上传。

以下是一个示例代码，演示如何实现上传文件夹的功能：

<template>
  <div>
    <input type="file" @change="handleFolderSelect" webkitdirectory>
  </div>
</template>

<script>
import SimpleUploader from 'vue-simple-uploader';

export default {
  components: {
    SimpleUploader,
  },
  data() {
    return {
      files: [],
    };
  },
  methods: {
    async handleFolderSelect(event) {
      const folder = event.target.files[0];
      const fileArray = await this.getFilesFromFolder(folder);
      this.files = fileArray;
    },
    async getFilesFromFolder(folder) {
      const entries = await folder.getEntries();
      let files = [];
      for await (const entry of entries) {
        if (entry.isFile) {
          const file = await entry.getFile();
          files.push(file);
        } else if (entry.isDirectory) {
          const subFolder = await entry.createReader().readEntries();
          const subFiles = await this.getFilesFromFolder(subFolder);
          files = files.concat(subFiles);
        }
      }
      return files;
    },
  },
};
</script>

在上面的示例中，我们使用 `input` 元素的 `webkitdirectory` 属性来启用 HTML5 文件夹选择器。当用户选择文件夹后，我们调用 `getFilesFromFolder` 方法递归遍历文件夹中的所有文件，将它们添加到 `files` 数组中。然后，我们可以将 `files` 数组作为参数传递给 Vue-simple-uploader 来上传文件。

请注意，由于上传文件夹需要访问用户的本地文件系统，因此必须在 HTTPS 环境下使用。如果您的网站不是 HTTPS，您可以在本地开发环境中测试上传文件夹功能。