javaWeb文件上傳與下載

時間 2019-12-08

標籤 javaweb 文件上傳下載欄目 Java 简体版

原文原文鏈接

文件上傳與下載在項目中運用的使用頻率很大今天也花時間整理了一下多文件上傳圖片回顯和文件下載javascript

1.多文件上傳css

這裏會涉及到幾個屬性html

fileSizeThreshold:緩衝區文件的大小 若是上傳的文件的超過了緩衝區的值 那麼就會生成一個臨時文件存放到指定目錄中 緩衝區的大小默認是10KB

maxFileSize:單個文件上傳的大小

maxRequestSize ：總共上傳文件的最大值

location：文件上傳的位置

注意一點當咱們上傳了多個文件名相同的文件時 上傳的文件會覆蓋掉前面上傳的文件 可是可能只是文件名相同文件的內容不一樣 這時該怎麼辦呢？
這裏提供了兩種方法 
第一種方法 咱們能夠在輸出流中添加系統時間 覺得每次我上傳文件的時候時間是不一樣的
第二種方法
還可使用java中提供的UUID通用惟一識別碼 UUID是惟一的
  String uuid = UUID.randomUUID().toString();

 1package com.newroad.upload;  2 import java.io.File;  3 import java.io.FileInputStream;  4 import java.io.FileOutputStream;  5 import java.io.IOException;  6 import java.io.InputStream;  7 import java.io.PrintWriter;  8 import java.util.Collection;  9 import java.util.UUID; 10 import javax.servlet.ServletException; 11 import javax.servlet.annotation.MultipartConfig; 12 import javax.servlet.annotation.WebServlet; 13 import javax.servlet.http.HttpServlet; 14 import javax.servlet.http.HttpServletRequest; 15 import javax.servlet.http.HttpServletResponse; 16 import javax.servlet.http.Part; 17 @WebServlet("/upload02.do") 18 @MultipartConfig 19 /*@MultipartConfig(fileSizeThreshold=1024*50,location="d:/test1",maxFileSize=1024*1024,maxRequestSize=1024*1024)*/ 20 @SuppressWarnings("serial") 21 public class UpLoadServlet2 extends HttpServlet{ 22 23  @Override 24 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 25 //得到全部的前臺傳遞的數據部分，包含文件，包含文本 26 Collection<Part> parts = request.getParts(); 27 //遍歷集合 28 for(Part part : parts) { 29 if(!part.getName().equals("file")) { 30 continue ; 31  } 32 //得到這個文件的名稱 33 String fileName = part.getSubmittedFileName(); 34 //將文件保存到指定的位置 咱們約定的位置在 webapp/upload/ch10_01 35 String realpath = request.getServletContext().getRealPath(""); 36 //得到webapp的真實路徑 37 File webappPath = new File(realpath).getParentFile(); 38 //得到約定的路徑的File對象 39 File uploadDi = new File(webappPath,"upload"+request.getContextPath()); 40 //爲了不首次上傳，文件夾找不到 建立文件夾 41  uploadDi.mkdirs(); 42 //建立UUID 43 String uuid = UUID.randomUUID().toString(); 44  System.out.println(uuid); 45 FileOutputStream out = new FileOutputStream(new File(uploadDi,System.currentTimeMillis()+"_"+fileName)); 46 //獲取輸入流 47 InputStream in = part.getInputStream(); 48 //建立緩衝區 49 byte[] b = new byte[1024]; 50 int num=0 ; 51 //循環將輸入流中的數據讀到緩衝區中 52 while((num=in.read(b))!=-1) { 53 out.write(b, 0, num); 54  } 55  in.close(); 56  out.close(); 57  } 58 //響應上傳結果 59 response.setCharacterEncoding("utf-8"); 60 response.setContentType("text/html;charset=utf-8"); 61 62 PrintWriter writer = response.getWriter(); 63 writer.write("上傳成功"); 64  writer.close(); 65 66 67  } 68 69  @Override 70 protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { 71  doGet(req, resp); 72  } 73 }

2.圖片上傳以及回顯前端

常常咱們會看到當咱們在qq或者其餘軟件中上傳圖片的時候就會把上傳的圖片顯示出來接下來來實現這個功能java

注意如下jquery

 contentType : false 必須是false,纔可以被設置正確的內容類型

 processData : false 告訴jquery不要對數據作處理，若是不設置，那麼jquery會按照它的規則對數據進行處理

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"  2 pageEncoding="UTF-8"%>  3 <%  4 String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()  5 + request.getContextPath() + "/";  6 %>  7 <!DOCTYPE html>  8 <html>  9 <head> 10 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 11 <base href="<%=basePath%>"> 12 <title>使用ajax上傳圖片後，回顯至頁面</title> 13 <script type="text/javascript" src="js/jquery.js"></script> 14 <script type="text/javascript"> 15  $(function() { 16 $("input[type=submit]").on("click", function() { 17 //阻滯默認提交時間 18  event.preventDefault(); 19 //數據須要使用到FormData這個對象，將表單中的數據封裝到FormData對象中 20 //得到表單對象，不能使用jquery的方式，必須使用原生js來獲取 21 var form = document.getElementById("p1"); 22 var formData = new FormData(form); 23  $.ajax({ 24 url : "upload03.do", 25  data : formData, 26 type : "POST", 27 //必須是false,纔可以被設置正確的內容類型 28 contentType : false, 29 //告訴jquery不要對數據作處理，若是不設置，那麼jquery會按照它的規則對數據進行處理 30 processData : false, 31 //設置上傳成功以後 回顯圖片 32  success : function(data) { 33 if (data.path) { 34 $("#p1").css("display", "inline"); 35 $("#p1").attr("src", "../" + data.path); 36  } 37 38  } 39 40  }) 41 42  }) 43 44  }) 45 </script> 46 <style type="text/css"> 47 #p1 { 48  width: 200px; 49  display: none; 50  height: 200px; 51 } 52 </style> 53 </head> 54 <body> 55 <form id="ff"> 56 <input type="file" name="file" accept="image/jpeg,image/png,image/gif"><br> 57 <input type="submit" value="準備上傳">
           <img id="p1">
58     </form>
59 </body>
60 </html>

圖片上傳回顯其實就是將圖片上傳成功後將拿到圖片的地址而後經過ajax拿到圖片的地址並設置圖片的顯示方式web

 1 package com.newroad.upload;  2 import java.io.File;  3 import java.io.FileOutputStream;  4 import java.io.IOException;  5 import java.io.InputStream;  6 import java.io.PrintWriter;  7 import javax.servlet.ServletException;  8 import javax.servlet.annotation.MultipartConfig;  9 import javax.servlet.annotation.WebServlet; 10 import javax.servlet.http.HttpServlet; 11 import javax.servlet.http.HttpServletRequest; 12 import javax.servlet.http.HttpServletResponse; 13 import javax.servlet.http.Part; 14 15 import com.alibaba.fastjson.JSONObject; 16 17 @WebServlet("/upload03.do") 18 @MultipartConfig 19 @SuppressWarnings("serial") 20 public class UpLoadServlet3 extends HttpServlet { 21 22  @Override 23 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 24 //獲取上傳的文件 經過input標籤中的name屬性值得到相應的Part對象 25 Part part = request.getPart("file"); 26 //獲取文件名稱 27 String fileName =part.getSubmittedFileName(); 28 //得到tomcat的目錄 29 String realPath =request.getServletContext().getRealPath(""); 30 File parentFile = new File(realPath).getParentFile(); 31 File uploadDi = new File(parentFile,"upload"+request.getContextPath()); 32 //建立文件夾 33  uploadDi.mkdirs(); 34 //將文件寫出到硬盤中 35 FileOutputStream out = new FileOutputStream(new File(uploadDi,fileName)); 36 //得到輸入流 37 InputStream in = part.getInputStream(); 38 //建立一個緩衝區 39 byte[] b = new byte[1024*3]; 40 //判斷輸入流中的數據讀完的標誌 41 int num = 0 ; 42 //循環將輸入流中的數據讀取到緩衝區中 判斷讀完的標誌是num=in.read(b)>0 43 while((num=in.read(b)) !=-1) { 44 //將緩衝區的數據寫到指定的目錄中 45 out.write(b, 0, num); 46  }
  out.close(); 48  in.close(); 49 50 //響應信息 51 response.setCharacterEncoding("utf-8"); 52 response.setContentType("application/json;charset=utf-8"); 53 PrintWriter writer = response.getWriter(); 54 //將圖片地址響應給前端 55 String path = "upload"+request.getContextPath()+"/"+fileName ; 56 JSONObject jobj = new JSONObject(); 57 jobj.put("path", path); 58 59  writer.write(jobj.toJSONString()); 60  writer.close(); 61  } 62 63  @Override 64 protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { 65  doGet(req, resp); 66  } 67 68 }

3.文件下載ajax

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3     <%
 4        String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/";  5     %>
 6 <!DOCTYPE html>
 7 <html>
 8 <head>
 9 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
10    <base href="<%=basePath%>">
11 <title>下載文件</title>
12 </head>
13 <body>
14  <h2>文本文檔</h2><a href="download.do?file=端口號別站用.txt">端口號別站用</a>
15  <h2>學習視頻</h2><a href="download.do?file=用戶角色權限.wmv">用戶角色權限</a>
16 
17 </body>
18 </html>

DownLoadServletjson

注意瀏覽器

當咱們下載一箇中文名的文件的時候可能會出現亂碼這時須要設置響應頭的信息

Content-Disposition 響應頭的格式爲 inline|attachment;filename=文件名

inline表示若是該資源瀏覽器可以直接展現，則直接展現，不然下載，attachment表示直接以附件形式下載

若是文件有中文名這時可使用URLEncoder.encode方法，將文件名編碼成unicode碼

 1 package com.newroad.upload;  2 import java.io.File;  3 import java.io.FileInputStream;  4 import java.io.IOException;  5 import java.io.OutputStream;  6 import java.io.PrintWriter;  7 import java.net.URLEncoder;  8 import javax.servlet.ServletException;  9 import javax.servlet.annotation.WebServlet; 10 import javax.servlet.http.HttpServlet; 11 import javax.servlet.http.HttpServletRequest; 12 import javax.servlet.http.HttpServletResponse; 13 @WebServlet("/download.do") 14 @SuppressWarnings("serial") 15 public class DownLoadServlet extends HttpServlet { 16  @Override 17 protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { 18 req.setCharacterEncoding("utf-8"); 19 resp.setCharacterEncoding("utf-8"); 20 // 得到到參數中的下載文件的名字 21 String filename = req.getParameter("file"); 22  System.out.println(filename); 23 File file = new File("D:/" + filename); 24 if (file.exists()) { 25 /* 26  * 設置響應頭信息，Content-Disposition 響應頭的格式爲 inline|attachment;filename=文件名 27  * inline表示若是該資源瀏覽器可以直接展現，則直接展現，不然下載，attachment表示直接以附件形式下載 28  * 若是文件名中有中文，那麼下載時，會出現中文亂碼，這時可使用URLEncoder.encode方法，將文件名編碼成unicode碼 29 */ 30 String contentDisposition = "attachment;filename=" + URLEncoder.encode(file.getName(), "utf-8"); 31 resp.setHeader("Content-Disposition", contentDisposition); 32 // 建立文件字節讀取流對象時，必須明確與之關聯的數據源。 33 FileInputStream in = new FileInputStream(file); 34 // 獲取輸出流 35 OutputStream oStream = resp.getOutputStream(); 36 // 建立緩衝區 37 byte[] b = new byte[1024 * 3]; 38 // number用來判斷輸入流讀完的標記 39 int number; 40 // 循環讀取輸入流中的數據到緩衝區中 41 while ((number = in.read(b)) != -1) { 42 oStream.write(b, 0, number); 43  } 44  oStream.close(); 45  in.close(); 46 } else { 47 resp.setContentType("text/html;charset=utf-8"); 48 PrintWriter writer = resp.getWriter(); 49 writer.write("該文件丟失了"); 50  writer.close(); 51  } 52 53  } 54 55  @Override 56 protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { 57 58  doGet(req, resp); 59  } 60 }