Java Servlet上傳圖片到指定文件夾并顯示圖片
在學習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. 前部分代碼是固定寫法，用來做一些準備工作。 直到遍歷出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，但是為了學習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://m.fzitv.net/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)文章
這篇文章主要介紹了新版Eclipse安裝、配置,本文通過圖文并茂的形式給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-08-08
MyBatis如何實現(xiàn)多表查詢（多對一、一對多）
這篇文章主要給大家介紹了關(guān)于MyBatis如何實現(xiàn)多表查詢（多對一、一對多）的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-05-05
Java中Collection集合常用API之?Collection存儲自定義類型對象的示例代碼
Collection是單列集合的祖宗接口，因此它的功能是全部單列集合都可以繼承使用的，這篇文章主要介紹了Java中Collection集合常用API?-?Collection存儲自定義類型對象,需要的朋友可以參考下2022-12-12
Java instanceof關(guān)鍵字用法詳解及注意事項
instanceof 是 Java 的保留關(guān)鍵字。它的作用是測試它左邊的對象是否是它右邊的類的實例，返回 boolean 的數(shù)據(jù)類型。本文重點給大家介紹Java instanceof關(guān)鍵字用法詳解及注意事項，需要的朋友參考下吧2021-09-09
數(shù)組(Array)是有序的元素序列。 若將有限個類型相同的變量的集合命名，那么這個名稱為數(shù)組名。組成數(shù)組的各個變量稱為數(shù)組的分量，也稱為數(shù)組的元素，有時也稱為下標變量2021-09-09
這篇文章主要介紹了Mybatis自定義Sql模板語法問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-09-09
這篇文章主要介紹了java解析Excel的方法(xls、xlsx兩種格式),需要的朋友可以參考下2018-04-04
tomcat啟動完成執(zhí)行 某個方法 定時任務(wù)(Spring)操作
這篇文章主要介紹了tomcat啟動完成執(zhí)行 某個方法 定時任務(wù)(Spring)操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
這篇文章主要介紹了Java容器ArrayList原理解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-02-02
Java?Mybatis的初始化之Mapper.xml映射文件的詳解
這篇文章主要介紹了Java?Mybatis的初始化之Mapper.xml映射文件的詳解，解析完全局配置文件后接下來就是解析Mapper文件了，它是通過XMLMapperBuilder來進行解析的2022-08-08