vue上传文件夹,拖拽上传文件夹，能够兼容苹果浏览器的好用插件

你可以尝试使用 dropzone.js 插件，它支持拖拽上传文件和文件夹，并且能够兼容苹果浏览器。使用该插件需要在 Vue 中进行相应的配置和调用。以下是一个简单的示例：

1. 安装 dropzone.js

npm install dropzone --save

2. 在 Vue 中引入并配置 dropzone.js

// 引入 dropzone.js
import Dropzone from 'dropzone'
import 'dropzone/dist/dropzone.css'

export default {
  mounted() {
    // 初始化 dropzone.js
    this.initDropzone()
  },
  methods: {
    initDropzone() {
      // 配置 dropzone.js
      const myDropzone = new Dropzone(this.$refs.myDropzone, {
        // 上传 URL
        url: '/upload',
        // 可上传的最大文件大小
        maxFilesize: 5,
        // 可上传的最大文件数量
        maxFiles: 10,
        // 是否允许上传文件夹
        uploadMultiple: true,
        // 允许上传的文件类型
        acceptedFiles: 'image/*,application/pdf',
        // 其他配置项...
      })

      // 监听上传成功事件
      myDropzone.on('success', function(file, response) {
        // 上传成功后的处理
      })
    }
  }
}

3. 在模板中添加 dropzone.js 的 HTML 结构

<template>
  <div>
    <div ref="myDropzone" class="dropzone"></div>
  </div>
</template>

注意：由于 Safari 不支持文件夹上传，所以在苹果浏览器中，只能选择上传文件，而不能上传文件夹。