el-upload实现上传文件夹(批量上传文件)，支持按钮式触发click()唤起上传弹窗（有助于少写一些el-upload节点，做到写一个el-upload组件多处使用）_el-upload上传文件夹

el-upload实现上传文件夹(批量上传文件)：关键代码在于

this.$refs.uploadFolder.$children[0].$refs.input.webkitdirectory = true;//让el-upload支持上传文件夹

特性：

1. 支持批量上传文件夹内所有文件
2. 支持中断放弃上传
3. 支持欺骗加载动画效果（1%~99%一直加载直到真的上传完毕自动变成100%）
4. 支持按钮式触发click()唤起上传弹窗（有助于少写一些el-upload节点，做到写一个el-upload组件多处使用）

<template>
    <div class="sg-body">
        <el-upload
        ref="uploadFolder"
        :show-file-list="false"
        :headers="headers"
        :accept="accept"
        :action="actionURL"
        :before-upload="beforeUpload"
        :on-success="uploadSuccess"
        :on-error="uploadError"
        :on-exceed="exceed"
        multiple
        />
        <el-button type="primary" @click="uploadBtn.click()">点击上传文件夹</el-button>
        <!-- 上传托盘（右下角） -->
        <sgUploadTray v-model="showUploadTray" :data="uploadList" @stopUpload="stopUpload" />
    </div>
</template>
    
<script>
import sgUploadTray from "@/vue/components/admin/sgUploadTray";
 
export default {
    components: {
        sgUploadTray,
    },
    data() {
        return {
            //上传相关变量----------------------------------------
            headers: { kkToken: localStorage.token, }, //获取token(注意仔细看后端接受token的字段名是不是叫做“token”)
            accept:`.${["png", "jpg&