前端传入excel文件,后端接收并获取数据

1.前端传入文件,控制层需要用MultipartFile类型接收数据,代码如下

	@RequestMapping(value = "/downTaxes",method = RequestMethod.POST)
    public void downTaxes(@RequestParam("file") MultipartFile file, HttpServletResponse response) {
        taskTaxesQueryService.taxesQuery(response,file);
    }

2.业务层

	 public void taxesQuery(HttpServletResponse response, MultipartFile file){
        try {
            //从excel中,获取数据
            HashMap<String, String> hashMap = getExcel(file);
            LocalDate dateNow = LocalDate.now();
            //response输出文件流
            response.setContentType("application/vnd.ms-excel");
            response.setCharacterEncoding("UTF-8");
            response.setHeader("Content-Disposition", "attachment; filename=" + URLEncoder.encode(dateNow+".xls", "UTF-8"));
        }catch (Exception e){
            logger.error(e);
        }finally {

        }

    }


	public HashMap<String,String> getExcel(MultipartFile file) throws Exception{
        HashMap<String, String> hashMap = new HashMap<>();
        try {
            File toFile = null;
            if (file.equals("") || file.getSize() <= 0) {
                file = null;
            } else {
                InputStream ins = null;
                ins = file.getInputStream();
                toFile = new File(file.getOriginalFilename());
                inputStreamToFile(ins, toFile);
                ins.close();
            }
            //获取数据
            InputStream fis = new FileInputStream(toFile);
            ExcelListener<Map<String,Object>> listener = new ExcelListener<Map<String,Object>>();
            ExcelReader excelReader = EasyExcelFactory.read(fis, null, listener).headRowNumber(0).build();
            excelReader.readAll();
            List<Map<String,Object>> listMap = listener.getDatas();
            excelReader.finish();
        }catch (Exception e){
            logger.error("读取excel表数据出现异常:"+e);
        }
        return hashMap;
    }


	/**
     * 获取流文件
     * @param ins    输入流
     * @param file   要生成的文件
     */
    private static void inputStreamToFile(InputStream ins, File file) {
        try {
            OutputStream os = new FileOutputStream(file);
            int bytesRead = 0;
            byte[] buffer = new byte[8192];
            while ((bytesRead = ins.read(buffer, 0, 8192)) != -1) {
                os.write(buffer, 0, bytesRead);
            }
            os.close();
            ins.close();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

3.对象监听器

	public final class ExcelListener<T> extends AnalysisEventListener<T> {

	/**
     * 自定义用于暂时存储data
     * 可以通过实例获取该值
     */
    private List<T> datas = new ArrayList<>();

    /**
     * 每解析一行都会回调invoke()方法
     *
     * @param object  读取后的数据对象
     * @param context 内容
     */
    @Override
    @SuppressWarnings("unchecked")
    public void invoke(Object object, AnalysisContext context) {
        T map = (T) object;
        //数据存储到list,供批量处理,或后续自己业务逻辑处理。
        datas.add(map);
    }

    @Override
    public void doAfterAllAnalysed(AnalysisContext context) {
        //解析结束销毁不用的资源
        //注意不要调用datas.clear(),否则getDatas为null
    }

    /**
     * 返回数据
     *
     * @return 返回读取的数据集合
     **/
    public List<T> getDatas() {
        return datas;
    }

    /**
     * 设置读取的数据集合
     *
     * @param datas 设置读取的数据集合
     **/
    public void setDatas(List<T> datas) {
        this.datas = datas;
    }
    
}

4.postman测试
在这里插入图片描述

  • 6
    点赞
  • 38
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
前端实现逻辑: 1. 在Vue组件中添加一个input标签,设置type属性为file,用于选择文件上传。 2. 监听input标签的change事件,获取选择的文件对象。 3. 创建FormData对象,将文件对象添加到FormData中。 4. 使用axios或者其他网络请求库,发送POST请求,将FormData对象作为请求体发送到后端。 5. 接收后端返回的数据,进行处理展示。 前端代码示例: ```html <template> <div> <input type="file" ref="fileInput" @change="handleFileChange"> <button @click="uploadFile">上传文件</button> </div> </template> <script> import axios from 'axios' export default { data() { return { fileList: [] // 用于存储解析后的文件数据 } }, methods: { handleFileChange(event) { const file = event.target.files[0] this.file = file }, uploadFile() { const formData = new FormData() formData.append('file', this.file) axios.post('/api/upload', formData).then(res => { this.fileList = res.data }) } } } </script> ``` 后端实现逻辑: 1. 创建一个Controller,定义一个接口用于接收上传的文件,并返回解析后的数据。 2. 使用注解@RequestBody获取请求体中的文件数据,并将其转换为MultipartFile对象。 3. 使用POI或其他Excel解析工具,将MultipartFile对象解析为List集合。 4. 将解析后的List集合返回给前端后端代码示例: ```java @RestController @RequestMapping("/api") public class UploadController { @PostMapping("/upload") public List<ExcelData> uploadFile(@RequestBody MultipartFile file) { List<ExcelData> dataList = new ArrayList<>(); try { InputStream inputStream = file.getInputStream(); Workbook workbook = WorkbookFactory.create(inputStream); Sheet sheet = workbook.getSheetAt(0); for (int i = 1; i <= sheet.getLastRowNum(); i++) { Row row = sheet.getRow(i); ExcelData data = new ExcelData(); data.setCol1(row.getCell(0).getStringCellValue()); data.setCol2(row.getCell(1).getStringCellValue()); data.setCol3(row.getCell(2).getStringCellValue()); dataList.add(data); } workbook.close(); } catch (IOException e) { e.printStackTrace(); } return dataList; } } ``` 其中ExcelData为自定义类,用于存储解析后的Excel数据。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值