VUE拖拽上传文件，以及点击上传，其他框架可做参考

a {

  text-decoration: none;

  color: #333;

}

a span {

  color: #7572f7;

}

.upload-demo {

  width: 80%;

  margin: auto;

  height: 15rem;

  border: 1px solid #7572f7;

  text-align: center;

}

.el-icon-upload {

  font-size: 6rem;

  margin: 2rem;

}

.linkButn {

  cursor: pointer;

  color: #7572f7 !important;

}

.miaoshu {

  color: #333;

}

.downLoadFile {

  margin: auto;

  text-align: center;

  margin-top: 1rem;

}

.fileHtml {

  height: 1.5rem;

  line-height: 1.5rem;

}

.hasFile{

  color: red;

}

uploadExcel方法 需要改进判断类型

export function uploadExcel(url, file, md5String, type) {

    const token = sessionStorage.getItem("token");

    return new Promise((resolve, reject) => {

        const formFile = new FormData();

        const md5File = {

            md5: md5String,

            type: type

        }

        formFile.append('file', file);

        if (md5String) {

            formFile.append('data', DES3.encrypt(JSON.stringify(md5File)));

        }

        const instance = axios.create({

            withCredentials: true,

            timeout: 1000000

        })

        instance.post(api + url, formFile, {

            headers: {

                'token': token,

                'Content-Type': 'multipart/form-data'

            },

            //     responseType: 'text' // 表明返回服务器返回的数据类型

        }).then(res => { //上传成功后导出文件

            const data = JSON.parse(DES3.decrypt(res.data));

            if (Object.is(data.errcode, 200)) {

                if (data.data.filePath) {

                    const link1 = document.createElement('a');

                    link1.download = data.data.fileName;

                    link1.href = data.data.filePath;

                    link1.style.display = "none";

                    link1.click();

                }

                resolve(data)

            } else if (Object.is(data.errcode, 401)) {

                window.location.href = './#/login.do'

            } else {

                msg(data.errmsg);

                reject(data.errmsg)

            }

        }).catch(err => {

            msg('文件上传失败，请检查文件的格式是否正确');

        })

    });

安装spark-md5