用element-ui实现文件批量上传，并携带参数cj:1

Tags： 前端
# 用element-ui实现文件批量上传，并携带参数cj:1

<template>
    <div>
        <el-upload class="upload-demo" drag action="http://localhost:8081/uploadFile" multiple
            :before-upload="handleBeforeUpload" :on-success="handleUploadSuccess" :on-error="handleUploadError" name="files"
            :headers="{ cj: '1' }" :data="{ cj: '1' }">
            <i class="el-icon-upload"></i>
            <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
        </el-upload>
    </div>
</template>
  
<script>
export default {
    methods: {
        handleBeforeUpload(file) {
            // 可以在这里对文件进行一些校验操作

            // 返回false将取消上传
            return true;
        },
        handleUploadSuccess(response, file, fileList) {
            // 文件上传成功的回调

            // 可以在这里处理上传成功后的逻辑
            console.log(response);
        },
        handleUploadError(error, file, fileList) {
            // 文件上传失败的回调

            // 可以在这里处理上传失败后的逻辑
            console.log(error);
        },
    },
};
</script>