Java Servlet上傳圖片到指定文件夾并顯示圖片
在學(xué)習(xí)Servlet過程中，針對圖片上傳做了一個Demo，實現(xiàn)的功能是：在a頁面上傳圖片，點擊提交后，將圖片保存到服務(wù)器指定路徑（D:/image）；跳轉(zhuǎn)到b頁面，b頁面讀取展示絕對路徑（D:/image）的圖片。主要步驟如下：
步驟一：上傳頁面uploadphoto.jsp
需要注意兩個問題：
1.form 的method必須是post的，get不能上傳文件， 還需要加上enctype="multipart/form-data" 表示提交的數(shù)據(jù)是二進制文件。
2.需要提供type="file" 的字段進行上傳
<%@ 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>upload page</title>
</head>
<body >
<form action="uploadPhoto" method="post" enctype="multipart/form-data">
英雄名稱: <input type="text" name="heroName" /> <br><br>
上傳頭像: <input type="file" name="filepath" /> <br><br>
<input type="submit" value="上傳">
</form>
</body>
</html>
步驟二：UploadPhotoServlet類
1. 需要用到兩個第三方的jar包，commons-io-1.4.jar和commons-fileupload-1.2.2.jar。項目是Maven項目，直接在pom.xml文件中引入：
<dependency> <groupId>commons-io</groupId> <artifactId>commons-io</artifactId> <version>2.4</version> </dependency> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3.1</version> </dependency>
2. 前部分代碼是固定寫法，用來做一些準(zhǔn)備工作。 直到遍歷出Item,一個Item就是對應(yīng)一個瀏覽器提交的數(shù)據(jù)，通過item.getInputStream可以打開瀏覽器上傳的文件的輸入流。
3. 客戶提交的文件名有可能是一樣的，所以在服務(wù)端保存文件的時候，不能使用客戶提交的文件名。這里使用的是一種粗糙的解決文件名重復(fù)的辦法，即使用時間戳。
package servlet;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.PrintWriter;
import java.util.Iterator;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
public class UploadPhotoServlet extends HttpServlet {
public static String filename = null;
/**
*
*/
private static final long serialVersionUID = 1L;
public void doGet(HttpServletRequest request,HttpServletResponse response){
}
@SuppressWarnings("rawtypes")
public void doPost(HttpServletRequest request,HttpServletResponse response) throws IOException, ServletException{
DiskFileItemFactory factory = new DiskFileItemFactory();
ServletFileUpload upload = new ServletFileUpload(factory);
factory.setSizeThreshold(1024 * 1024);
List items = null;
try {
items = upload.parseRequest(request);
} catch (FileUploadException e) {
e.printStackTrace();
}
Iterator iter = items.iterator();
while(iter.hasNext()){
FileItem item = (FileItem) iter.next();
if(!item.isFormField()){
// 根據(jù)時間戳創(chuàng)建頭像文件
filename = System.currentTimeMillis() + ".jpg";
System.out.println(request.getContextPath());
/*File f = new File(getServletContext().getRealPath("upload"));*/
File f = new File("D://image");
if (!f.exists()) {
f.mkdir();
}
String imgsrc = f + "/" + filename;
// 復(fù)制文件
InputStream is = item.getInputStream();
FileOutputStream fos = new FileOutputStream(imgsrc);
byte b[] = new byte[1024 * 1024];
int length = 0;
while (-1 != (length = is.read(b))) {
fos.write(b, 0, length);
}
fos.flush();
fos.close();
}else {
System.out.println(item.getFieldName());
String value = item.getString();
value = new String(value.getBytes("ISO-8859-1"), "UTF-8");
System.out.println(value);
}
}
//request.setAttribute("filename", filename);
//request.getRequestDispatcher("/showPhoto").forward(request, response);
response.sendRedirect("/ServletTest/showPhoto?filename="+filename);
}
}
步驟三：ShowPhotoServlet類
其實這個類可以省略，即可以直接在UploadPhotoServlet類中跳轉(zhuǎn)到頁面showphoto.jsp，但是為了學(xué)習(xí)Servlet跳轉(zhuǎn)方面的知識，于是增加一個新的Servlet類。
package servlet;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class ShowPhotoServlet extends HttpServlet{
/**
*
*/
private static final long serialVersionUID = 1L;
public void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException{
String filename = request.getParameter("filename").toString();
response.sendRedirect("/ServletTest/showphoto.jsp?filename="+filename);
}
public void doPost(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException{
String filename = request.getAttribute("filename").toString();
request.setAttribute("filename", filename);
request.getRequestDispatcher("/showphoto.jsp").forward(request, response);
}
}
1.servlet跳轉(zhuǎn)至jsp（注意）
詳見：http://www.dbjr.com.cn/article/120301.htm
a.服務(wù)端跳轉(zhuǎn)瀏覽器的地址不變(請求轉(zhuǎn)發(fā))
request.setAttribute("filename", filename);
request.getRequestDispatcher("/showphoto.jsp").forward(request, response);
b.客戶端跳轉(zhuǎn)瀏覽器的地址發(fā)生變化(請求重定向)
response.sendRedirect("/ServletTest/showphoto.jsp?filename="+filename);
2.servlet跳轉(zhuǎn)至另一個servlet
a.服務(wù)端跳轉(zhuǎn)需要重寫doPost以獲取傳遞參數(shù)
String filename = request.getAttribute("filename").toString();
b.客戶端跳轉(zhuǎn)需要重寫doGet以獲取傳遞參數(shù)
String filename = request.getParameter("filename").toString();
步驟三：web.xml配置
<servlet> <servlet-name>UploadPhotoServlet</servlet-name> <servlet-class>servlet.UploadPhotoServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>UploadPhotoServlet</servlet-name> <url-pattern>/uploadPhoto</url-pattern> </servlet-mapping> <servlet> <servlet-name>ShowPhotoServlet</servlet-name> <servlet-class>servlet.ShowPhotoServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>ShowPhotoServlet</servlet-name> <url-pattern>/showPhoto</url-pattern> </servlet-mapping>
步驟四：展示頁面showphoto.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>Image page</title>
</head>
<body>
<%
String filename = request.getParameter("filename");
String srcimg = "/image/"+filename;
%>
<img src="<%=srcimg%>"/>
</body>
</html>
1.配置虛擬路徑
圖片和工程不在一個盤符下。圖片也不能放到工程下。 在JSP 文件中 <img src="C:/Users/fx/Pictures/test.jpg"/> 這樣是引不到圖片的。因為，JSP頁面在引圖片的時候是在頁面解析的路徑是:<img src="http://localhost:8080/test/images/1.jpg">。也就是說JSP在引圖片的時候是先去工程目錄下找的。
解決辦法：
使用虛擬路徑來配置，在tomcat下的server.xml中增加一個代碼 在<Host></Host>中間：
<Context docBase="D:\image" path="/image" reloadable="true"/>
然后在JSP頁面中<img src = "/image/(圖片名)">就可以訪問圖片了。
最終實現(xiàn)效果：
上傳界面：
展示界面：
保存圖片的文件夾：
總結(jié)
以上所述是小編給大家介紹的通過Java Servlet圖片上傳至指定文件夾并顯示圖片，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了spring的@Transactional注解用法解讀，具有一定借鑒價值,需要的朋友可以參考下2018-01-01
詳解Java對象創(chuàng)建的過程及內(nèi)存布局
今天給大家?guī)淼奈恼率荍ava對象創(chuàng)建的過程及內(nèi)存布局,文中有非常詳細(xì)的圖文示例及介紹,需要的朋友可以參考下2021-06-06
基于application和bootstrap的加載順序及區(qū)別說明
這篇文章主要介紹了application和bootstrap的加載順序及區(qū)別說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
雖然關(guān)于討論線程join()方法的博客已經(jīng)非常極其特別多了，但是前幾天我有一個困惑卻沒有能夠得到詳細(xì)解釋，當(dāng)系統(tǒng)中正在運行多個線程時，join()到底是暫停了哪些線程，所以本文詳細(xì)解釋一下希望能幫助到和我有相同困惑的同學(xué)2021-05-05
Spring 是目前主流的 Java Web 開發(fā)框架，是 Java 世界最為成功的框架。該框架是一個輕量級的開源框架，具有很高的凝聚力和吸引力，本篇文章帶你了解如何配置數(shù)據(jù)源、注解開發(fā)以及整合Junit2022-07-07
這篇文章主要介紹了Spark 調(diào)度架構(gòu)原理詳解，具有一定借鑒價值，需要的朋友可以參考下。2017-12-12
Java利用httpclient通過get、post方式調(diào)用https接口的方法
這篇文章主要介紹了Java利用httpclient通過get、post方式調(diào)用https接口的方法,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-02-02
SpringBoot集成Druid連接池進行SQL監(jiān)控的問題解析
這篇文章主要介紹了SpringBoot集成Druid連接池進行SQL監(jiān)控的問題解析,在SpringBoot工程中引入Druid連接池非常簡單，本文通過實例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2021-07-07
這篇文章主要為大家詳細(xì)介紹了java實現(xiàn)查找替換功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-03-03
SSH框架網(wǎng)上商城項目第8戰(zhàn)之查詢和刪除商品類別功能實現(xiàn)
SSH框架網(wǎng)上商城項目第8戰(zhàn)之查詢和刪除商品類別功能實現(xiàn)，為項目增加功能，添加、更新、刪除和查詢操作，感興趣的小伙伴們可以參考一下2016-05-05