vue上传文件夹,拖拽上传文件夹，能够兼容各大浏览器

Vue.js本身并不提供上传文件夹和拖拽上传文件夹的功能，但可以通过使用一些第三方库来实现。

其中比较常用的是`dropzone.js`和`fine-uploader`。这两个库都提供了丰富的API和事件，可以满足各种上传需求，并且支持多浏览器兼容。

使用`dropzone.js`可以在Vue组件中轻松实现拖拽上传文件夹的功能，示例代码如下：

<template>
  <div class="dropzone" ref="dropzone">
    <div class="fallback">
      <input type="file" multiple @change="onSelectFile"/>
    </div>
  </div>
</template>

<script>
import Dropzone from 'dropzone'

export default {
  mounted () {
    const dropzone = new Dropzone(this.$refs.dropzone, {
      url: '/upload',
      paramName: 'file',
      maxFilesize: 2, // MB
      acceptedFiles: '.zip',
      dictDefaultMessage: '拖拽文件到此处上传',
      dictFallbackMessage: '当前浏览器不支持拖拽上传，请选择文件进行上传。',
      init: function () {
        this.on('addedfile', function (file) {
          console.log(file)
        })
      }
    })
  },
  methods: {
    onSelectFile (event) {
      const files = event.target.files
      console.log(files)
    }
  }
}
</script>

<style>
.dropzone {
  border: 2px dashed #ccc;
  padding: 20px;
  text-align: center;
}
</style>

以上代码可以实现拖拽上传文件夹的功能，并且可以限制上传的文件类型、文件大小等。

另外，如果需要上传整个文件夹，可以在程序端将文件夹压缩成zip格式的文件，然后上传该文件，服务器再解压缩即可。