前端传file到controller接收

• 2.设置接收的最大容量：

在application.properties文件中：

设置接收文件的大小

spring.servlet.multipart.max-file-size=10MB

spring.servlet.multipart.max-request-size=20MB

2.前端代码：

===================================================================

提交

这个是选择文件的file,注意这个input标签必须要在form表单中，而且form的enctype必须为multipart/form-data

这个是js脚本内容,注意的是 processData，contentType这两个属性必须为false；

至此前端内容就结束了，可以直接copy了改就可以了

接下来再看看后端代码，我会贴出excel解析的部分，有需要的可以作为参考：

• controller层

@ResponseBody

@RequestMapping(value = “/excleimport”, method = RequestMethod.POST)

public Map<String, Object> excleimport(@RequestParam MultipartFile excelFile,

HttpServletResponse response) throws IOException {

response.setHeader(“Access-Control-Allow-Origin”, “*”);

Map<String, Object> map = new HashMap<String, Object>();

String name = excelFile.getOriginalFilename();

if (!name.endsWith(“.xls”) && !name.endsWith(“.xlsx”)) {

System.out.println(“文件不是excel类型”);

map.put(“filecondition”, “文件类型错误”);

} else {

ExcelImport.getDataFromExcel(excelFile.getInputStream());

}

map.put(“result”, “success”);

return map;

}

到此所有的文件传值与接收就结束了，下面在附上ExcelImport.getDataFromExcel方法,也就是解析excel的方法：

package com.boot.zhiyi.util;

import java.io.File;

import java.io.FileInputStream;

import java.io.IOException;

import java.io.InputStream;

import org.apache.poi.hssf.usermodel.HSSFWorkbook;

import org.apache.poi.ss.usermodel.Cell;

import org.apache.poi.ss.usermodel.Row;

import org.apache.poi.ss.usermodel.Sheet;

import org.apache.poi.ss.usermodel.Workbook;

import org.apache.poi.xssf.usermodel.XSSFWorkbook;

public class ExcelImport {

public static void getDataFromExcel(InputStream InputStream )

{

Workbook wookbook = null;

try

{

//2003版本的excel，用.xls结尾

wookbook = new HSSFWorkbook(InputStream);//得到工作簿

}

catch (Exception ex)

{

//ex.printStackTrace();

try

{

//2007版本的excel，用.xlsx结尾

wookbook = new XSSFWorkbook(InputStream);//得到工作簿

} catch (IOException e)

{

// TODO Auto-generated catch block

e.printStackTrace();

}

}

//得到一个工作表

Sheet sheet = wookbook.getSheetAt(0);

//获得表头

Row rowHead = sheet.getRow(0);

//判断表头是否正确

if(rowHead.getPhysicalNumberOfCells()<1 )

{

System.out.println(“表头的数量不对!”);

}

//获得数据的总行数

int totalRowNum = sheet.getLastRowNum();

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

最后

全网独播-价值千万金融项目前端架构实战

从两道网易面试题-分析JavaScript底层机制

RESTful架构在Nodejs下的最佳实践

一线互联网企业如何初始化项目-做一个自己的vue-cli

思维无价，看我用Nodejs实现MVC

代码优雅的秘诀-用观察者模式深度解耦模块

前端高级实战，如何封装属于自己的JS库

VUE组件库级组件封装-高复用弹窗组件

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

UE组件库级组件封装-高复用弹窗组件

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-HfETRZUx-1712904914260)]