elementui只支持文件上传,而不支持文件夹上传
需求:增加文件夹上传功能
此篇文章只针对我的项目,类似的可以借鉴。大概逻辑:
使用插件来支持选择文件夹上传,获取到上传的文件夹和里面的文件,把文件上传至oss,调用后端的创建文件/文件夹接口,刷新列表。
使用插件:vue-simple-uploader,该组件基于simple-uploader.js封装的vue组件,大多数配置选项可以参照simple-uploader.js。
1、下载vue-simple-uploader
npm install vue-simple-uploader --save
2、首先初始化,在main.js中加入以下代码:
import uploader from 'vue-simple-uploader'
Vue.use(uploader)
3、使用
组件使用
<uploader
ref="uploader"
class="uploader-example"
@file-success="onFileSuccess"
@complete="completeUpload"
>
<uploader-btn id="uploader-upload-btn">选择文件</uploader-btn>
<uploader-btn id="uploader-upload-btn" :directory="true">选择文件夹</uploader-btn>
</uploader>
</