Spring mvc上传文件-优快云博客

本文介绍了如何使用SpringMVC框架实现文件上传功能，包括基本的表单上传和结合Ajax的异步上传方式。详细展示了前端HTML表单设计、服务器端文件处理逻辑，并通过实例演示了如何将上传的文件保存到服务器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

SpringMVC+表单实现文件上传

前端代码：

</form>

服务器端

@Controller

public class FileController {

/**

* 头像上传

* @param req

* @param files

* @return2018年9月12日

@RequestMapping(value="/userHead")

public String uptx(HttpServletRequest req,@RequestParam(value="upload") MultipartFile file) {

HttpSession session=req.getSession();

User user=(User) session.getAttribute("user");//获取用户数据

String abpath="upload/tx/"+user.getPhone()+"/";//构建存储相对路径

String path=req.getServletContext().getRealPath(abpath);//获取绝对路径

String filename=file.getOriginalFilename();//获取文件名

File thisfile=new File(path,filename);

if(!thisfile.exists()) {

thisfile.mkdirs();

}

try {

file.transferTo(thisfile);

} catch (IllegalStateException e) {

// TODO Auto-generated catch block

e.printStackTrace();

} catch (IOException e) {

// TODO Auto-generated catch block

e.printStackTrace();

}

Return “home”;

}

利用表单上传图片到服务器端用于前端界面为jsp页面的情况，利用model即可向jsp页面返回消息

@RequestMapping(value="/userHead")

public String uptx

(HttpServletRequest req,@RequestParam(value="upload") MultipartFile file)

控制器为userHead;

HttpServletRequest req此参数用于下面获取session中的数据

@RequestParam(value="upload") MultipartFile file

‘MultipartFile 封装了上载文件的所有信息

@RequestParam是对于方法参数的注解，将表单中对应key的值注入参数bean

HttpSession session=req.getSession();

User user=(User) session.getAttribute("user");//获取用户数据

String abpath="upload/tx/"+user.getPhone()+"/";//构建存储相对路径

String path=req.getServletContext().getRealPath(abpath);//获取绝对路径

String filename=file.getOriginalFilename();//获取文件名

File thisfile=new File(path,filename);

if(!thisfile.exists()) {

thisfile.mkdirs();

}

构建文件路径如果文件夹不存在就创建文件

Abpath为相对路径，再前端我们使用域名+文件在服务器端的相对路径来读取图片资源

file.transferTo(thisfile);

调用multipartFile对象的transferTo()方法把文件存入对应的文件

SPringMVC+ajax实现文件上传

常用于移动端和服务器端的交互，异步上传文件

以下代码使用ajax上传文件成功后将文件资源返回客户端

Html

</form>

Ajax

function imgupload(){

var formData=new FormData();

formData.append("upload",$("#upload")[0].files[0]);

$.ajax({

url: 'userHead',

type: 'POST',

data: formData,

async: true,

cache: false,

contentType: false,

processData: false,

success: function (returndata) {

$("#txs").attr("src",returndata)

error: function (returndata) {

alert(returndata);

}

});

}

Ajax使用FormData对象模拟表单对象上传

所以我们取出一个file对象

把它以键值对的形式添加到formData对象中

上载到服务器端

SpringMVC

@Controller

public class FileController {

/**

* 头像上传

* @param req

* @param files

* @return2018年9月12日

@RequestMapping(value="/userHead")//,consumes = "multipart/form-data"

@ResponseBody

public String uptx(HttpServletRequest req,@RequestParam(value="upload") MultipartFile file) {

HttpSession session=req.getSession();

User user=(User) session.getAttribute("user");//获取用户数据

String abpath="upload/tx/"+user.getPhone()+"/";//构建存储相对路径

String path=req.getServletContext().getRealPath(abpath);//获取绝对路径

String filename=file.getOriginalFilename();//获取文件名

File thisfile=new File(path,filename);

if(!thisfile.exists()) {

thisfile.mkdirs();

}

try {

file.transferTo(thisfile);

} catch (IllegalStateException e) {

// TODO Auto-generated catch block

e.printStackTrace();

} catch (IOException e) {

// TODO Auto-generated catch block

e.printStackTrace();

}

return abpath+filename;

}