web操作文件的上傳到服務器 並且讀取出來
1.文件的上傳-servlet實現文件上傳---核心API—DiskFileItemFactory
一。文件上傳概述
l 實現web開發中的文件上傳功能，需完成如下二步操作：
? 在web頁面中添加上傳輸入項
? 在servlet中讀取上傳文件的數據，並保存到本地硬盤中。
l 如何在web頁面中添加上傳輸入項?
? <input type=“file”>標簽用於在web頁面中添加文件上傳輸入項，設置文件上傳輸入項時須註意：
? 1、必須要設置input輸入項的name屬性，否則瀏覽器將不會發送上傳文件的數據。
? ２、必須把form的enctype屬值設為multipart/form-data.設置該值後，瀏覽器在上傳文件時，將把文件數據附帶在http請求消息體中，並使用ＭＩＭＥ協議對上傳的文件進行描述，以方便接收方對上傳數據進行解析和處理。
l 如何在Servlet中讀取文件上傳數據，並保存到本地硬盤中?
? Request對象提供了一個getInputStream方法，通過這個方法可以讀取到客戶端提交過來的數據。但由於用戶可能會同時上傳多個文件，在servlet端編程直接讀取上傳數據，並分別解析出相應的文件數據是一項非常麻煩的工作，示例。
? 為方便用戶處理文件上傳數據，Apache 開源組織提供了一個用來處理表單文件上傳的一個開源組件（Commons-fileupload ），該組件性能優異，並且其API使用極其簡單，可以讓開發人員輕松實現web文件上傳功能，因此在web開發中實現文件上傳功能，通常使用Commons-fileupload組件實現。
l 使用Commons-fileupload組件實現文件上傳，需要導入該組件相應的支撐jar包：Commons-fileupload和commons-io。commons-io 不屬於文件上傳組件的開發jar文件，但Commons-fileupload 組件從1.1 版本開始，它工作時需要commons-io包的支持。
二。核心API—DiskFileItemFactory
l DiskFileItemFactory 是創建FileItem 對象的工廠，這個工廠類常用方法：
? public void setSizeThreshold(int sizeThreshold) ：設置內存緩沖區的大小，默認值為10K。當上傳文件大於緩沖區大小時，fileupload組件將使用臨時文件緩存上傳文件。
? public void setRepository(java.io.File repository) ：指定臨時文件目錄，默認值為System.getProperty("java.io.tmpdir").
? public DiskFileItemFactory(int sizeThreshold,java.io.File repository) ：構造函數
l ServletFileUpload 負責處理上傳的文件數據，並將表單中每個輸入項封裝成一個FileItem 對象中。常用方法有：
? boolean isMultipartContent(HttpServletRequest request) ：判斷上傳表單是否為multipart/form-data類型
? List parseRequest(HttpServletRequest request)：解析request對象，並把表單中的每一個輸入項包裝成一個fileItem 對象，並返回一個保存了所有FileItem的list集合。
? setFileSizeMax(long fileSizeMax) ：設置上傳文件的最大值
? setSizeMax(long sizeMax) ：設置上傳文件總量的最大值
? setHeaderEncoding(java.lang.String encoding) ：設置編碼格式
? setProgressListener(ProgressListener pListener)
三文件上傳案例
l 實現步驟
１、創建DiskFileItemFactory對象，設置緩沖區大小和臨時文件目錄
２、使用DiskFileItemFactory 對象創建ServletFileUpload對象，並設置上傳文件的大小限制。
３、調用ServletFileUpload.parseRequest方法解析request對象，得到一個保存了所有上傳內容的List對象。
４、對list進行叠代，每叠代一個FileItem對象，調用其isFormField方法判斷是否是上傳文件
? 為普通表單字段，則調用getFieldName、getString方法得到字段名和字段值
? 為上傳文件，則調用getInputStream方法得到數據輸入流，從而讀取上傳數據。
2.具體操作
實現的思路：
工具：MySQL，eclipse
首先，在MySQL中創建了兩個表，一個t_user表，用來存放用戶名，密碼等個人信息，
一個t_touxiang表，用來存放上傳的圖片在服務器中的存放路徑，以及圖片名字和用戶ID，
T_touxiang表中的用戶ID對應了t_user中的id。
t_user表SQL：
DROP TABLE IF EXISTS `t_user`; CREATE TABLE `t_user` ( `id` int(10) NOT NULL AUTO_INCREMENT, `username` varchar(20) NOT NULL, `password` varchar(255) NOT NULL, PRIMARY KEY (`id`), UNIQUE KEY `username` (`username`) ) ENGINE=InnoDB AUTO_INCREMENT=22 DEFAULT
T_touxiang表SQL：
DROP TABLE IF EXISTS `t_touxiang`; CREATE TABLE `t_touxiang` ( `id` int(10) NOT NULL AUTO_INCREMENT, `image_path` varchar(255) DEFAULT NULL, `user_id` int(11) DEFAULT NULL, `old_name` varchar(255) DEFAULT NULL, PRIMARY KEY (`id`), KEY `img_user` (`user_id`), CONSTRAINT `img_user` FOREIGN KEY (`user_id`) REFERENCES `t_user` (`id`) ) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=utf8;
首先，寫一個UploadServlet.java，用來處理圖片文件的上傳，並將圖片路徑，圖片名稱等信息存放到t_touxiang數據表中，代碼如下：
package filet; import java.awt.List; import java.io.File; import java.io.IOException; import java.sql.Date; import java.util.Iterator; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; import org.apache.tomcat.util.http.fileupload.FileItem; import org.apache.tomcat.util.http.fileupload.FileUploadException; import org.apache.tomcat.util.http.fileupload.disk.DiskFileItemFactory; import org.apache.tomcat.util.http.fileupload.servlet.ServletFileUpload; public class tr { @WebServlet("/UploadServlet.do") public class UploadServlet extends HttpServlet { private static final long serialVersionUID = 1L; protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 判斷上傳表單是否為multipart/form-data類型 HttpSession session = request.getSession(); User user = (User) session.getAttribute("user"); // 在登錄時將 User 對象放入了 會話 // 中 if (ServletFileUpload.isMultipartContent(request)) { try { // 1. 創建DiskFileItemFactory對象，設置緩沖區大小和臨時文件目錄 DiskFileItemFactory factory = new DiskFileItemFactory(); // System.out.println(System.getProperty("java.io.tmpdir"));//默認臨時文件夾 //判斷臨時目錄是否存在（不存在則創建） File f1 = new File(tempPath); if(!f1.isDirectory()){ System.out.println("臨時文件目錄不存在! 創建臨時文件目錄"); f1.mkdir(); } //設置上傳文件的臨時目錄 區別於默認目錄 factory.setRepository(f1); // 2. 創建ServletFileUpload對象，並設置上傳文件的大小限制。 ServletFileUpload sfu = new ServletFileUpload(factory); sfu.setSizeMax(10 * 1024 * 1024);// 以byte為單位 不能超過10M 1024byte = // 1kb 1024kb=1M 1024M = 1G sfu.setHeaderEncoding("utf-8"); // 3. // 調用ServletFileUpload.parseRequest方法解析request對象，得到一個保存了所有上傳內容的List對象。 @SuppressWarnings("unchecked") List<FileItem> fileItemList = sfu.parseRequest(request); Iterator<FileItem> fileItems = fileItemList.iterator(); // 4. 遍歷list，每叠代一個FileItem對象，調用其isFormField方法判斷是否是上傳文件 while (fileItems.hasNext()) { FileItem fileItem = fileItems.next(); // 普通表單元素 if (fileItem.isFormField()) { String name = fileItem.getFieldName();// name屬性值 String value = fileItem.getString("utf-8");// name對應的value值 System.out.println(name + " = " + value); } // <input type="file">的上傳文件的元素 else { String fileName = fileItem.getName();// 文件名稱 System.out.println("原文件名：" + fileName);// Koala.jpg String suffix = fileName.substring(fileName.lastIndexOf(‘.‘)); System.out.println("擴展名：" + suffix);// .jpg // 新文件名（唯一） String newFileName = new Date().getTime() + suffix; System.out.println("新文件名：" + newFileName);// image\1478509873038.jpg // 5. 調用FileItem的write()方法，寫入文件 File file = new File("D:/xiaobaiProjects/mySpace/wendao/WebContent/touxiang/" + newFileName); System.out.println(file.getAbsolutePath()); fileItem.write(file); // 6. 調用FileItem的delete()方法，刪除臨時文件 fileItem.delete(); /* * 存儲到數據庫時註意 1.保存源文件名稱 Koala.jpg 2.保存相對路徑 * image/1478509873038.jpg * */ if (user != null) { int myid = user.getId(); String SQL = "INSERT INTO t_touxiang(image_path,user_id,old_name)VALUES(?,?,?)"; int rows = JdbcHelper.insert(SQL, false, "touxiang/" + newFileName, myid, fileName); if (rows > 0) { session.setAttribute("image_name", fileName); session.setAttribute("image_path", "touxiang/" + newFileName); response.sendRedirect(request.getContextPath() + "/upImage.html"); } else { } } else { session.setAttribute("loginFail", "請登錄"); response.sendRedirect(request.getContextPath() + "/login.html"); } } } } catch (FileUploadException e) { e.printStackTrace(); } catch (Exception e) { e.printStackTrace(); } } } } }
在完成圖片上傳並寫入數據庫的同時，將圖片路徑通過session的方式發送到HTML界面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>更換頭像</title>
</head>
<body>
<formaction="UploadServlet.do" method="post"enctype="multipart/form-data">
本地目錄：<inputtype="file" name="uploadFile">
<img src="${image_path}" width="200" height="200">
<inputtype="submit" value="上傳頭像"/>
</form>
</body>
</html>
至此，圖片上傳數據庫和本地服務器已經實現，那麽如何在HTML界面顯示出個人信息以及上傳的頭像呢？
首先定義一個PersonServlet類，用來讀取數據庫的內容，並發送到HTML界面。
代碼如下：
@WebServlet("/persons.do")
public class PersonServlet extends HttpServlet {
private static final long serialVersionUID = -800352785988546254L;
protected void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// 判斷上傳表單是否為multipart/form-data類型
Touxiang tx=null;
HttpSession session = request.getSession();
User user = (User) session.getAttribute("user"); // 在登錄時將 User 對象放入了 會話
if(user!=null){
int myid=user.getId();
String SQL="SELECT id,image_path,old_name FROM t_touxiang WHERE user_id=?";
ResultSet rs=JdbcHelper.query(SQL,myid);
String uSQL="SELECT username,password FROM t_user WHERE id=?";
ResultSet urs=JdbcHelper.query(uSQL,myid);
System.out.println( "我的個人id是: " + myid);
final List<Touxiang> touxiang=new ArrayList<>();
try {
if(rs.next())
{
tx=new Touxiang();
tx.setId(rs.getInt(1));
tx.setImage_path(rs.getString(2));
tx.setOld_name(rs.getString(3));
touxiang.add(tx);
}
if(urs.next()){
user.setUsername(urs.getString(1));
user.setPassword(urs.getString(2));
user.setTouxiang(touxiang);
}
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
session.setAttribute("user", user);
System.out.println( "我的id: " + myid);
response.sendRedirect( request.getContextPath() + "/person.html");
}
}
}
在HTML界面接收信息，並顯示出來，代碼如下：
<span style="white-space:pre;"> </span><div>
<form action="UploadServlet.do" method="post" enctype="multipart/form-data">
<div><a href="$path/upImage.html">更換頭像</a></div>
#foreach( $ut in $user.getTouxiang() )
<img src=" $ut.getImage_path()" width="200" height="200">
#end
<div>我的頭像：</div>
<div>我的姓名：$user.getUsername()</div>
<div><a href="$path/myAnswer.do">我的解答</a></div>
<div><a href="$path/myQuestion.do">我的提問</a></div>
<span style="white-space:pre;"> </span> </form>
</div>
至此，一個基於Java的頭像上傳服務器，路徑存儲在MySQL，並在HTML界面讀取出來的功能就基本實現了。頭像上傳之前進行處理等操作，可以選擇一些插件來完成。這裏只是簡單的實現了基本功能。
3.下載
通過Servlet下載文件的原理是通過servlet讀取目標程序，將資源返回客戶端。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <h1>通過鏈接下載文件</h1> <a href="/xiaobai/download/cors.zip">壓縮包</a> <a href="/xiaobai/download/1.png">圖片</a> <h1>通過servlet程序下載文件</h1> <a href="/xiaobai/ServletDownload?filename=cors.zip">壓縮包</a> <a href="/xiaobai/ServletDownload?filename=1.png">圖片</a> </body> </html>
import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.io.OutputStream; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /** * Servlet implementation class ServletDownload */ @WebServlet(asyncSupported = true, urlPatterns = { "/ServletDownload" }) public class ServletDownload extends HttpServlet { private static final long serialVersionUID = 1L; /** * @see HttpServlet#HttpServlet() */ public ServletDownload() { super(); // TODO Auto-generated constructor stub } /** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) */ protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub //獲得請求文件名 String filename = request.getParameter("filename"); System.out.println(filename); //設置文件MIME類型 response.setContentType(getServletContext().getMimeType(filename)); //設置Content-Disposition response.setHeader("Content-Disposition", "attachment;filename="+filename); //讀取目標文件，通過response將目標文件寫到客戶端 //獲取目標文件的絕對路徑 String fullFileName = getServletContext().getRealPath("/download/" + filename); //System.out.println(fullFileName); //讀取文件 InputStream in = new FileInputStream(fullFileName); OutputStream out = response.getOutputStream(); //寫文件 int b; while((b=in.read())!= -1) { out.write(b); } in.close(); out.close(); } /** * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) */ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub } }
補充
對於圖片上傳，這裏只是簡單的用Servlet實現了一下最基本的功能，僅提供思路。如果使用spring等框架，他都對圖片上傳做了很好的封裝，應該更加容易。
後臺實現圖片上傳應該來說比較容易，但是比較頭疼的是圖片上傳原生的按鈕醜出天際，這裏推薦倆實用的上傳控件，應該算比較好看。
1，H5實現的圖片上傳，可多張上傳，可點擊可拖拽上傳
基本的使用介紹和下載地址：http://blog.csdn.net/weixin_36380516/article/details/70352689
2，jQuery圖像裁剪插件，大概長這樣
不僅提供上傳，還有裁剪等功能，UI做的也美，
地址：http://www.jq22.com/jquery-info318
web操作文件的上傳到服務器 並且讀取出來