博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
elment + vue 文件上传
阅读量:4329 次
发布时间:2019-06-06

本文共 2102 字,大约阅读时间需要 7 分钟。

html页面

//上传的文件列表
点击上传
只能上传xlsx/xls文件,且不超过2MB

js 

handleRemove(file, fileList) {            console.log(file, fileList);        },        handlePreview(file) {            console.log(file);        },        handleExceed(files, fileList) {            this.$message.warning(`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`);        },        beforeRemove(file, fileList) {            return this.$confirm(`确定移除 ${ file.name }?`);        },        handleAvatarSuccess(res, file) {
this.$message(res.msg); }, beforeAvatarUpload(file) { // 文件类型进行判断 const isXlsx = file.type === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"; const isXls = file.type === "application/vnd.ms-excel"; const isLt2M = file.size / 1024 / 1024 < 2; if (!(isXlsx||isXls)) { this.$message.error("上传头像图片只能是 xlsx/xls 格式!"); } if (!isLt2M) { this.$message.error("上传头像图片大小不能超过 2MB!"); } return (isXlsx||isXls) && isLt2M; },

 

controller

public Map
importExcel(@RequestParam("file") MultipartFile multipartFile) { LOGGER.info("批量导入,文件开始导入"); Map
map = new HashMap<>(); List
result = Lists.newArrayList(); TaxpayerImportExcel excel = new TaxpayerImportExcel(multipartFile); try { result = excel.analysisExcel(); } catch (Exception e) { map.put("msg", "导入失败!"); LOGGER.error("批量导入失败,原因:{}", e.getMessage()); } if (!result.isEmpty()) {
taxpayerService.insertTaxpayerList(result); map.put("msg", " 共计" + result.size() + "条," + "导入成功!"); map.put("code", 0); } else { map.put("msg", " excel无数据,选择有数据的excel进行导入!"); map.put("code", 0); } return map; }

 

转载于:https://www.cnblogs.com/laosunlaiye/p/10695501.html

你可能感兴趣的文章
生产订单“生产线别”带入生产入库单
查看>>
crontab导致磁盘空间满问题的解决
查看>>
java基础 第十一章(多态、抽象类、接口、包装类、String)
查看>>
Hadoop 服务器配置的副本数量 管不了客户端
查看>>
欧建新之死
查看>>
自定义滚动条
查看>>
APP开发手记01(app与web的困惑)
查看>>
笛卡尔遗传规划Cartesian Genetic Programming (CGP)简单理解(1)
查看>>
mysql 日期时间运算函数(转)
查看>>
初识前端作业1
查看>>
ffmpeg格式转换命令
查看>>
万方数据知识平台 TFHpple +Xpath解析
查看>>
Hive实现oracle的Minus函数
查看>>
秒杀多线程第四篇 一个经典的多线程同步问题
查看>>
RocketMQ配置
查看>>
vs code调试console程序报错--preLaunchTask“build”
查看>>
蚂蚁金服井贤栋:用技术联手金融机构,形成服务小微的生态合力
查看>>
端口号大全
查看>>
机器学习基石笔记2——在何时可以使用机器学习(2)
查看>>
POJ 3740 Easy Finding (DLX模板)
查看>>