pringMVC上传图片

最新推荐文章于 2024-06-26 17:54:42 发布

_无往而不胜_

最新推荐文章于 2024-06-26 17:54:42 发布

阅读量222

点赞数

分类专栏： java 文章标签： springMVC上传图片上传图片 springMVC spring CommonsMultipartResolver

本文链接：https://blog.csdn.net/qq_15204179/article/details/83472379

版权

java 专栏收录该内容

348 篇文章 10 订阅

订阅专栏

pringMVC上传图片

1.配置虚拟目录

(图片存放本地)

注意：当服务器重新启动 tomcat下conf/server.xml 中添加的配置有可能会消失，当上传或读取图片失灵时先检查这里面的配置是否有问题；

在tomcat上配置图片虚拟目录，在tomcat下conf/server.xml中添加：

访问http://localhost:8080/pic即可访问D:\develop\upload\temp下的图片。

放在<host>节点中

复制一张图片到存放图片的文件夹，使用浏览器访问

测试效果，如下图：

2.加入jar包

实现图片上传需要加入的jar包，如下图：

把两个jar包放到工程的lib文件夹中

3.配置上传解析器

在springmvc.xml中配置文件上传解析器

<bean id="multipartResolver"

class="org.springframework.web.multipart.commons.CommonsMultipartResolver">

</bean>

4.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"	action="${pageContext.request.contextPath }/updateitem.action" method="post"
		enctype="multipart/form-data">
		<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="${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>

5.图片上传

在更新商品方法中添加图片上传逻辑

/**
 * 更新商品
 * 
 * @param item
 * @return
 * @throws Exception
 */
@RequestMapping("updateItem")
public String updateItemById(Item item, MultipartFile pictureFile) throws Exception {
	// 图片上传
	// 设置图片名称，不能重复，可以使用uuid
	String picName = UUID.randomUUID().toString();

	// 获取文件名
	String oriName = pictureFile.getOriginalFilename();
	// 获取图片后缀
	String extName = oriName.substring(oriName.lastIndexOf("."));

	// 开始上传
	pictureFile.transferTo(new File("D:/develop/upload/temp/" + picName + extName));

	// 设置图片名到商品中（路径）
	item.setPic(picName + extName);
	// ---------------------------------------------
	// 更新商品
	this.itemService.updateItemById(item);

	return "forward:/itemEdit.action";
}

效果，如下图：

</bean>

_无往而不胜_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
pringMVC上传图片

pringMVC上传图片1.配置虚拟目录(图片存放本地)注意：当服务器重新启动 tomcat下conf/server.xml 中添加的配置有可能会消失，当上传或读取图片失灵时先检查这里面的配置是否有问题；在tomcat上配置图片虚拟目录，在tomcat下conf/server.xml中添加：...
复制链接

扫一扫