SpringMVC 按Ctrl上传多个文件

本文介绍如何使用JSP实现多文件上传功能,并通过MultipartFile[]处理上传的多个文件,将其保存到服务器指定目录下,同时展示了如何在JSP页面上预览已上传的图片。

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

 JSP页面

注意:必须加入multiple="multiple"属性

 <form action="upload2.action" method="post" enctype="multipart/form-data">
    
    照片:<input type="file" name="imageFile" multiple="multiple"/>
		<p />
		<input type="submit" value="上传" />
    </form>

 Action类

@RequestMapping("/upload2")
	public String upload2(Model model, @RequestParam("imageFile")  MultipartFile[] imageFile,
			HttpServletRequest request) throws Exception {
                 //获得服务器路径
		String path = request.getSession().getServletContext()
				.getRealPath("/images");
                //创建服务器目录
		File file = new File(path);
		if (!file.exists()) {
			file.mkdirs();
		}

		// 集合存放路径
		List<String> list = new ArrayList<String>();

		// 遍历图片
		for (MultipartFile multipartFile : imageFile) {
			// get fileName
			String fileName = multipartFile.getOriginalFilename();
			System.out.println("上传路径=" + path + "/" + fileName);
			
			// get file path
			File saveFile = new File(path, fileName);
			
			// 将文件存储到目标中
			multipartFile.transferTo(saveFile);
			
			// 保存到集合中
			list.add("images/" + fileName);

		}

		//
		model.addAttribute("lists", list);

		return "display2.jsp";

	}

显示页面

  <c:forEach var="pic" items="${lists }">
 <img alt="" src="${pic}">   
 </c:forEach>

效果如图所示: (用Google浏览器运行)

 

单击"打开"


单击"上传"



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值