springMVC图片上传

本文介绍了一个使用Spring MVC框架实现的简单单文件上传功能。通过示例代码展示了从控制器处理请求、文件上传到展示上传成功的页面流程。具体包括控制器层的文件接收与保存逻辑及对应的JSP页面设计。

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

跳转到页面

package lesson5.com.jkxy.springmvc.controller;


import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;



@Controller
public class ToolController {
@RequestMapping("topage")
public String toPage(){
return "oneUpload";
}
}

jsp页面

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>单文件上传</title>
</head>
<body>
<div style="margin: 0 auto;margin-top: 100px;">
<form action="oneUpload.html" method="post" enctype="multipart/form-data">
<p>
<span>文件:</span>
<input type="file" name="imageFile">
</p>
<p>
<input type="submit" value="提交">
</p>
</form>
</div>
</body>
</html>


控制器层

package lesson5.com.jkxy.springmvc.controller;


import java.io.File;
import java.io.IOException;


import javax.servlet.http.HttpServletRequest;


import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.MultipartFile;


@Controller
public class UploadController {
@RequestMapping("/oneUpload")
public String oneUpload(@RequestParam("imageFile") MultipartFile imageFile,HttpServletRequest request ){
//获取图片的上传路径
String uploadUrl = request.getSession().getServletContext().getRealPath("/")+"upload/";
//获取文件的名字
String filename = imageFile.getOriginalFilename();
String uploadPath="upload/"+filename;
request.setAttribute("imagePath", uploadPath);
File dir = new File(uploadUrl);
if(!dir.exists()){
dir.mkdirs();
}
File targerFile = new File(uploadUrl+filename);
if(!targerFile.exists()){
try {
targerFile.createNewFile();
} catch (IOException e) {
e.printStackTrace();
}
}
try {
imageFile.transferTo(targerFile);
} catch (IllegalStateException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return "success";
}
}


成功页面

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>上传成功页面</title>
</head>
<body>
<h1>上传成功页面</h1>
<img alt="图片" src="${imagePath}">
</body>
</html>

### 如何在Spring MVC中实现图片上传功能 为了实现在Spring MVC中的图片上传,需要完成几个主要部分的设置。这包括配置`CommonsMultipartResolver`来处理多部件请求以及创建控制器方法用于接收文件并保存到服务器。 #### 配置文件调整 在Spring项目的配置文件(如`spring-servlet.xml`)中加入如下代码片段以启用文件上传的支持: ```xml <!-- 文件上传配置 --> <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <!-- 设置最大允许上传大小,默认单位为字节 (这里设定了10MB的最大限制) --> <property name="maxUploadSize" value="10485760"/> </bean> ``` 此段XML定义了一个名为`multipartResolver`的Bean实例,它负责解析HTTP POST请求中的二进制数据流,并将其转换成可以在应用程序内部操作的对象形式[^2]。 #### 控制器编写 接下来,在Java类里添加一个处理器函数用来接受客户端提交过来的照片资料。下面是一个简单的例子展示怎样通过表单字段获取图像文件并将之存储于指定路径下: ```java import org.springframework.stereotype.Controller; import org.springframework.ui.ModelMap; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.multipart.MultipartFile; import java.io.File; import java.io.IOException; @Controller public class FileUploadController { @RequestMapping(value = "/upload", method = RequestMethod.POST) public String uploadFile(@RequestParam("name") String name, @RequestParam("file") MultipartFile file, ModelMap model) { if (!file.isEmpty()) { try { byte[] bytes = file.getBytes(); // 创建目标目录结构 File dir = new File("D:/uploads/"); if (!dir.exists()) dir.mkdirs(); // 将接收到的数据写入磁盘上的实际位置 File serverFile = new File(dir.getAbsolutePath() + File.separator + name); try (OutputStream outputStream = new FileOutputStream(serverFile)) { outputStream.write(bytes); } model.addAttribute("message", "You successfully uploaded '" + name + "'"); return "success"; } catch (IOException e) { model.addAttribute("message", "Failed to upload '" + name + "' => " + e.getMessage()); return "error"; } } else { model.addAttribute("message", "Please select a file to upload."); return "index"; } } } ``` 上述代码展示了如何利用`@RequestParam`注解绑定来自HTML页面的输入参数至相应变量;同时借助`MultipartFile`接口读取上传的内容。一旦成功接收到有效负载,则会尝试按照给定的名字存放到本地硬盘上预先设定好的地方。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值