springMVC框架,实现文件上传,在jsp界面显示外部图片的功能

文件上传
1、文件上传页面三要素
    1)、表单的提交方式method一定是post
    2)、表单enctype的值一定是multipart/form-data
    3) 、input的类型一定是file
2、springmvc的要素
   1)、需要添加两个jar  commons-io.jar  commons-fileupload.jar
   2)、在springmvc容器中配置文件解析器
   3)、绑定参数类型 MultipartFile ,参数的名字要和 input的name属性值保持一致

在springmvc中的配置

 <!-- 文件上传 -->
	<bean id="multipartResolver"
		class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
		<!-- 设置上传文件的最大尺寸为5MB -->
		<property name="maxUploadSize">
			<value>5242880</value>
		</property>
	</bean>

jsp界面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
<!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> 
	<!-- 上传图片是需要指定属性 enctype="multipart/form-data" -->
	<!-- <form id="itemForm" action="" method="post" enctype="multipart/form-data"> -->
	<form id="itemForm" enctype="multipart/form-data"	action="${pageContext.request.contextPath }/updateitem.action" method="post">
		<input type="hidden" name="id" value="${item.id }" /> 修改商品信息:
		<table width="100%" border=1>
			<tr>
				<td>商品名称</td>
				<td><input type="text" name="name" value="${item.name }" /></td>
			</tr>
			<tr>
				<td>商品价格</td>
				<td><input type="text" name="price" value="${item.price }" /></td>
			</tr>
			
			<tr>
				<td>商品生产日期</td>
				<td><input type="text" name="createtime"
					value="<fmt:formatDate value="${item.createtime}" pattern="yyyy-MM-dd HH:mm:ss"/>" /></td>
			</tr>
			
			<tr>
				<td>商品图片</td>
				<td>
					<c:if test="${item.pic !=null}">
						<img src="/pic/${item.pic}" width=100 height=100/>
						<br/>
					</c:if>
					<input type="file"  name="pictureFile"/> 
				</td>
			</tr>
			
			<tr>
				<td>商品简介</td>
				<td><textarea rows="3" cols="30" name="detail">${item.detail }</textarea>
				</td>
			</tr>
			<tr>
				<td colspan="2" align="center"><input type="submit" value="提交" />
				</td>
			</tr>
		</table>

	</form>
</body>

</html>

商品修改的Java代码

//	商品修改
	@RequestMapping("/updateitem")
	public String updateitem(MultipartFile pictureFile,Items item,Model model) throws IllegalStateException, IOException{
		
		String originalFilename = pictureFile.getOriginalFilename();//获取上传文件的完整名称(带扩展名)
		String fileName = UUID.randomUUID().toString(); //创建一个随机数,作为即将保存图片的名字
		String ext = originalFilename.substring(originalFilename.lastIndexOf(".")); //获取文件的扩展名
		pictureFile.transferTo(new File("E:\\file\\"+fileName+ext));  //文件的保存
		item.setPic(fileName+ext);  //文件名称保持到表中
		itemService.update(item);
		return "redirect:list.action";
	}

另外还需要配置tomcat服务器

参考的是:https://blog.csdn.net/qq_34458791/article/details/81110142

在你的tomcat服务器下,找到server.xml文件,在HOST标签下面配置

  <Context crossContext="true" docBase="E:/file" path="/pic" reloadable="true"></Context>

doBase:你文件的绝对位置,path就是设置的虚拟路径

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
好的,下面是用SpringMVC框架实现图片文件上传的步骤: 1. 在pom.xml文件加入以下依赖: ```xml <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>5.3.10</version> </dependency> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.4</version> </dependency> <dependency> <groupId>commons-io</groupId> <artifactId>commons-io</artifactId> <version>2.11.0</version> </dependency> ``` 2. 在spring配置文件加入以下配置: ```xml <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <property name="maxUploadSize" value="5242880" /> </bean> ``` 其,maxUploadSize属性是上传文件的最大大小,单位为字节。上面的配置表示最大上传5MB的文件。 3. 在Controller添加以下方法: ```java @RequestMapping(value = "/upload", method = RequestMethod.POST) public String upload(@RequestParam("file") MultipartFile file) { if (!file.isEmpty()) { try { String fileName = file.getOriginalFilename(); String filePath = "D:/upload/" + fileName; File dest = new File(filePath); file.transferTo(dest); return "上传成功"; } catch (Exception e) { e.printStackTrace(); return "上传失败"; } } else { return "文件为空"; } } ``` 其,@RequestParam注解表示获取上传的文件,MultipartFile类型表示文件类型。 4. 在JSP页面添加以下代码: ```jsp <form action="upload" method="post" enctype="multipart/form-data"> <input type="file" name="file" /> <input type="submit" value="上传" /> </form> ``` 其,enctype属性表示表单数据的编码类型,必须设置为multipart/form-data,才能支持文件上传。 以上就是用SpringMVC框架实现图片文件上传的完整步骤。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Exception.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值