前端传file到controller接收

1.准备：

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

• 1.导入excel的依赖:

org.apache.poi

poi

3.15

org.apache.poi

poi-ooxml

3.15

• 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 )

Vue 面试题

1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用？
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用？
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么？
14.说一下 Vue 和 React 的认识，做一个简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？

.组件中写 name 选项有什么作用？
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么？
14.说一下 Vue 和 React 的认识，做一个简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？
[外链图片转存中…(img-NnVyOqmb-1714179929511)]

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】