需求

在修改商品頁面，添加上傳商品圖片功能。

第一步：創建圖片的虛擬目錄，用來存儲上傳的圖片

一般服務器中的圖片會用單獨的服務器存儲。
在tomcat上配置圖片虛擬目錄，在tomcat下conf/server.xml中添加：

<Context docBase="F:\develop\upload\temp" path="/pic" reloadable="false"/>

訪問http://localhost:8080/pic即可訪問F:\develop\upload\temp下的圖片。
注意：訪問/pic表示就是直接訪問路徑F:\develop\upload\temp。

第二步：配置解析器

在 頁面form中提交enctype=”multipart/form-data”的數據時，需要springmvc對multipart類型的數據進行解析。

在springmvc.xml中配置multipart類型解析器。

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

第三步：引入上傳圖片需要的jar包

CommonsMultipartResolver解析器依賴commons-fileupload和commons-io，加入如下jar包：

第四步：圖片上傳的controller方法

//商品修改提交@RequestMapping("/editItemSubmit")public String editItemSubmit(Items items, MultipartFile pictureFile)throws Exception{//原始文件名稱String pictureFile_name = pictureFile.getOriginalFilename();//新文件名稱String newFileName = UUID.randomUUID().toString()+pictureFile_name.substring(pictureFile_name.lastIndexOf("."));//上傳圖片File uploadPic = new java.io.File("F:/develop/upload/temp/"+newFileName);if(!uploadPic.exists()){uploadPic.mkdirs();}//向磁盤寫文件pictureFile.transferTo(uploadPic);.....

第五步：圖片上傳的頁面

form添加enctype=”multipart/form-data”：

<form id="itemForm"action="${pageContext.request.contextPath }/item/editItemSubmit.action"method="post" enctype="multipart/form-data"><input type="hidden" name="pic" value="${item.pic }" />

file的name與controller形參一致：

<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>

總結

以上是生活随笔為你收集整理的上传图片---SpringMVC学习笔记（十一）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。