el-upload 上传excel 后端校验后如有问题,将问题数据的excel下载

前端使用了element ui 后端easyExcel 

要点:

1 须要自定义上传请求

2 请求须设置responseType = 'blob' 不写会导致下载的文件损坏无法打开,或打开是乱码

3 后端 设置contenttype

4 前后端编码一致 contentType一致

5 自定义文件名时,格式要与生成excel格式一致

 

详情:

element-ui 的el-upload组件默认的上传请求不支持设置 responseType,所以需要通过http-request属性发送自定义请求设置参数和responseType

el-upload 上传excel 后端校验后如有问题,将问题数据的excel下载

el-upload 上传excel 后端校验后如有问题,将问题数据的excel下载

回调部分  通过生成a标签触发点击事件来下载 (注: 回调部分写到el-upload中on-success函数中无效 )

el-upload 上传excel 后端校验后如有问题,将问题数据的excel下载

后端在生成excel时记得设置contentType与编码格式 根据excel格式选择对应的contenttype

el-upload 上传excel 后端校验后如有问题,将问题数据的excel下载