今天心態正常。。。繼續努力。。html
--WZY瀏覽器
1、上傳原理和代碼分析。服務器
上傳:咱們把須要上傳的資源,發送給服務器,在服務器上保存下來。dom
下載:下載某一個資源時,將服務器上的該資源發送給瀏覽器。ide
難點:服務器端獲取資源時比較麻煩,this
瀏覽器端google
注意:enctype=multipart/form-data:該屬性代表發送的請求體的內容是多表單元素的,通俗點講,就是有各類各樣的數據,可能有二進制數據,也可能有表單數據,等等,因此使用該屬性也進行其區分,發送的格式以下(使用火狐中的Firebug插件進行捕捉的信息。)編碼
使用multipart/form-data會有一個boundary屬性,來用將提交的表單數據進行分隔,以用來讓服務器知道哪一個是咱們上傳的資源,哪一個是普通的表單數據。spa
服務器端,.net
若是不使用commons-fileupload插件來幫咱們處理上傳後的數據而讓咱們本身手動處理的話,也是能夠的,可是十分麻煩,由於咱們須要將全部的請求體獲取到,而後經過字符串的分割,經過boundary這個屬性進行分割,而後一步步獲取到咱們想要的數據。
使用commons-fileupload進行處理上傳內容。
代碼
1 try { 2 3 //1 工廠 4 FileItemFactory fileItemFactory = new DiskFileItemFactory(); 5 6 //2 核心類 7 ServletFileUpload servletFileUpload = new ServletFileUpload(fileItemFactory); 8 9 //3 解析request ,List存放 FileItem (表單元素的封裝對象,一個<input>對應一個對象) 10 List<FileItem> list = servletFileUpload.parseRequest(request); 11 12 //4 遍歷集合得到數據 13 for (FileItem fileItem : list) { 14 if(fileItem.isFormField()){ 15 // 5 是否爲表單字段(普通表單元素) 16 //5.1.表單字段名稱 17 String fieldName = fileItem.getFieldName(); 18 System.out.println(fieldName); 19 //5.2.表單字段值 20 String fieldValue = fileItem.getString(); //中文會出現亂碼 21 System.out.println(fieldValue); 22 } else { 23 //6 上傳字段(上傳表單元素) 24 //6.1.表單字段名稱 fileItem.getFieldName(); 25 //6.2.上傳文件名 26 String fileName = fileItem.getName(); 27 // * 兼容瀏覽器, IE : C:\Users\xxx\Desktop\abc.txt ; 其餘瀏覽器 : abc.txt 28 fileName = fileName.substring(fileName.lastIndexOf("\\") + 1); 29 System.out.println(fileName); //上傳的文件名會中文亂碼, 30 //6.3.上傳內容 31 InputStream is = fileItem.getInputStream(); //得到輸入流, 32 String parentDir = this.getServletContext().getRealPath("/WEB-INF/upload"); 33 File file = new File(parentDir,fileName); 34 if(! file.getParentFile().exists()){ //父目錄不存在 35 file.getParentFile().mkdirs(); //mkdirs():建立文件夾,若是上級目錄沒有的話,也一併建立出來。 36 } 37 FileOutputStream out = new FileOutputStream(file); 38 byte[] buf = new byte[1024]; 39 int len = -1; 40 while( (len = is.read(buf)) != -1){ 41 out.write(buf, 0, len); 42 } 43 44 //關閉 45 out.close(); 46 is.close(); 47 } 48 } 49 50 } catch (Exception e) { 51 e.printStackTrace(); 52 53 throw new RuntimeException(e); 54 55 } 56 }
其中須要注意的是流的操做,和File類的操做,mkdirs()和mkdir()的區別是什麼?它們都是用來建立文件夾的,區別在mkdirs能建立多級目錄,而mkdir()只能建立當前的文件夾,若是發現上一層目錄並尚未建立時,它也會無動於衷,什麼也不幹,也就不能建立當前文件夾,必須先要建立了上一級文件夾才能夠。
上面還有不少的問題須要解決,好比上傳文件名的亂碼問題,好比單表內容的亂碼問題,好比上傳文件同名問題,若是上傳的文件很大,該如何進行處理,好比,放在同一級目錄下的文件過多如何處理。每次都本身手動寫輸出流,將內容存到指定位置,太過麻煩,等等問題,如今寫一個增強版,在解決上面全部的問題。
上傳文件名亂碼問題:使用servletFileUpload.setHeaderEncoding("UTF-8");或者request.setCharacterEncoding("UTF-8")均可以
表單內容亂碼問題:使用getString("utf-8")便可,也就是在獲取內容時,就能夠設置碼錶。
上傳文件同名問題:使用UUID.randomUUID().toString().replace("-", "").得到一個獨一無二的32位數字
使用FileUtils.copyInputStreamToFile(is, file);來將內容輸出到指定路徑文件中去,mkdirs() 自動建立目錄
同一級目錄下的文件過多問題:建立多級目錄,經過文件名的hashcode的值,hashCode爲int型,佔4個字節,一個字節佔8位,也就是佔32位,將其分組,4位4位一組,就能分8組,每一次表明一層目錄,也就可以分8層目錄,每一層中,有能夠建立16種不一樣的文件夾。這樣算下來,就能有不少不少個文件夾了,每一個文件夾下面均可以存不少文件,看咱們的業務需求,來決定要建立幾層目錄,就從hashcode中拿幾組數據出來。原理圖以下
生成兩級目錄
代碼
1 public class StringUtils { 2 3 /** 4 * 生成二級目錄 5 * @param fileName abc.txt 6 * @return /4/5 7 */ 8 public static String getDir(String fileName) { 9 //1 hashCode值 10 int hashCode = fileName.hashCode(); 11 System.out.println(hashCode); 12 //2 第一層 0xf表示15的16進制數。 13 int dir1 = hashCode & 0xf; 14 //3 第二層目錄 15 int dir2 = hashCode >>> 4 & 0xf; 16 17 //4 拼寫 18 return "/" + dir1 + "/" + dir2; 19 } 20 21 public static void main(String[] args) { 22 System.out.println(getDir("abc.txt")); 23 } 24 25 }
上傳代碼
1 public void doGet(HttpServletRequest request, HttpServletResponse response) 2 throws ServletException, IOException { 3 try { 4 5 //0.5 檢查是否支持文件上傳 ,檢查請求頭Content-Type : multipart/form-data 6 if(!ServletFileUpload.isMultipartContent(request)){ 7 throw new RuntimeException("不要得瑟,沒用"); 8 } 9 10 //1 工廠 11 DiskFileItemFactory fileItemFactory = new DiskFileItemFactory(); 12 // 1.1 設置是否生產臨時文件臨界值。大於2M生產臨時文件。保證:上傳數據完整性。 13 fileItemFactory.setSizeThreshold(1024 * 1024 * 2); //2MB 14 // 1.2 設置臨時文件存放位置 15 // * 臨時文件擴展名 *.tmp ,臨時文件能夠任意刪除。 16 String tempDir = this.getServletContext().getRealPath("/temp"); 17 fileItemFactory.setRepository(new File(tempDir)); 18 19 //2 核心類 20 ServletFileUpload servletFileUpload = new ServletFileUpload(fileItemFactory); 21 // 2.1 若是使用無參構造 ServletFileUpload() ,手動設置工廠 22 //servletFileUpload.setFileItemFactory(fileItemFactory); 23 // 2.2 單個上傳文件大小 24 //servletFileUpload.setFileSizeMax(1024*1024 * 2); //2M 25 // 2.3 整個上傳文件總大小 26 //servletFileUpload.setSizeMax(1024*1024*10); //10M 27 // 2.4 設置上傳文件名的亂碼 28 // * 首先使用 setHeaderEncoding 設置編碼 29 // * 若是沒有設置將使用請求編碼 request.setCharacterEncoding("UTF-8") 30 // * 以上都沒有設置,將使用平臺默認編碼 31 servletFileUpload.setHeaderEncoding("UTF-8"); 32 // 2.5 上傳文件進度,提供監聽器進行監聽。 33 servletFileUpload.setProgressListener(new MyProgressListener()); 34 35 36 //3 解析request ,List存放 FileItem (表單元素的封裝對象,一個<input>對應一個對象) 37 List<FileItem> list = servletFileUpload.parseRequest(request); 38 39 //4 遍歷集合得到數據 40 for (FileItem fileItem : list) { 41 // 判斷 42 if(fileItem.isFormField()){ 43 // 5 是否爲表單字段(普通表單元素) 44 //5.1.表單字段名稱 45 String fieldName = fileItem.getFieldName(); 46 System.out.println(fieldName); 47 //5.2.表單字段值 , 解決普通表單內容的亂碼 48 String fieldValue = fileItem.getString("UTF-8"); 49 System.out.println(fieldValue); 50 } else { 51 //6 上傳字段(上傳表單元素) 52 //6.1.表單字段名稱 fileItem.getFieldName(); 53 //6.2.上傳文件名 54 String fileName = fileItem.getName(); 55 // * 兼容瀏覽器, IE : C:\Users\liangtong\Desktop\abc.txt ; 其餘瀏覽器 : abc.txt 56 fileName = fileName.substring(fileName.lastIndexOf("\\") + 1); 57 // * 文件重名 58 fileName = UUID.randomUUID().toString().replace("-", "") + fileName; 59 // * 單個文件夾文件個數過多? 60 String subDir = StringUtils.getDir(fileName); 61 62 System.out.println(fileName); 63 //6.3.上傳內容 64 InputStream is = fileItem.getInputStream(); 65 String parentDir = this.getServletContext().getRealPath("/WEB-INF/upload"); 66 File file = new File(parentDir + subDir,fileName); 67 68 // 將指定流 寫入 到 指定文件中 -- mkdirs() 自動建立目錄 69 FileUtils.copyInputStreamToFile(is, file); 70 71 //7刪除臨時文件 72 fileItem.delete(); 73 } 74 } 75 76 } catch (Exception e) { 77 e.printStackTrace(); 78 79 throw new RuntimeException(e); 80 81 } 82 }
其中若是須要作上傳的進度條時,就可使用監聽器來進行監聽上傳數據的進度,實現ProgressListener便可。
總結上傳:
其實理解了也不是很難,就是上傳文件後的處理比較麻煩,各類小問題,存儲過程最爲麻煩。
一、建立工廠類
二、使用核心類,
三、解析request請求,
四、遍歷請求體的內容,將上傳內容和普通表單內容都獲取出來
五、獲取到上傳內容時,對其存儲位置進行設置
其中不少細節問題都在上面已經說清楚了,代碼中也有不少註釋。
2、下載原理和代碼實現
實現下載有兩種方式,
第一種,使用a標籤,也就是使用超連接,若是瀏覽器可以解析,則直接顯示出來,若是不能解析,則進行下載,這種方式不太好,
我使用的是火狐,第一個和第三個都能直接解析出來,而第二個則不能解析,顯示的是下載頁面
第二種方式:
一、設置響應頭,讓瀏覽器知道應該下載,而不是解析
response.setHeader("content-disposition", "attachment;filename=" +fileName); //設置content-disposition響應頭
二、獲取輸入流,指向須要下載的文件
InputStream is = this.getServletContext().getResourceAsStream("/download/1.jpg");
三、獲取輸出流,將其文件傳到瀏覽器端
ServletOutputStream out = response.getOutputStream();
四、使用IOUtils.copy(is,out);直接將輸入流和輸出流傳進去,就會幫咱們把輸出流讀到的內容經過輸出流輸出到瀏覽器。內部實現原理應該就以下所示
int b = -1;
byte[] bf = new byte[1024];
while((b=is.read(bf)) != -1){
out.write(bf,0,b);
}
注意:這裏下載時寫的下載文件名不包含中文,因此可以正常顯示,若是寫中文的話,則會亂碼,甚至是中文都不會顯示出來。有兩種方式處理這個中文亂碼問題
一、簡單處理
fileName = new String(fileName.getBytes("gbk"),"ISO8859-1");
fileName = new String(fileName.getBytes("utf-8"),"ISO8859-1");
fileName = new String(fileName.getBytes(),"ISO8859-1"); //這種跟第一種是同樣的,默認使用的編碼就是gbk。
原理
上面代碼意思是,先將fileName使用gbk或者utf-8進行編碼,而後在使用ISO8859-1進行解碼,此時的fileName是一個亂碼文字。具體原理圖能夠看下面兩張圖
這張圖解釋了上面這段代碼所作的事情,而整個編碼過程,我來簡單口述一下,在服務器端,寫上面這段代碼,美女是中文字,將其使用GBK碼錶進行編碼後,就會得到一個計算機認識的符號,好比是123,而後咱們在將這個計算機認識的符號,123使用ISO8859-1碼錶進行解碼,變成咱們所認識的漢字,可是由於編碼和解碼所用碼錶不同,因此不能正常顯示,也就是此時的fileName自己就是一個亂碼的文字,而後在響應頭中,由於是使用ISO8859-1的碼錶進行編碼,因此fileName自己亂碼的文字,就會變爲機器認識的123,當到了瀏覽器端,由於123是由gbk進行編碼的,因此若是使用gbk進行的解碼的話,就會使其正確的顯示,過程就是這樣
若是還不知道什麼是編碼,什麼是解碼,那麼就去看一下request和response亂碼問題的解決那篇博文,應該能解決你的疑問。
代碼:
1 2 String fileName = "美女.jpg"; 3 fileName = new String(fileName.getBytes("gbk"),"ISO8859-1"); 4 //設置響應頭,通知瀏覽器應該進行下載,而不是解析。 5 response.setHeader("content-disposition", "attachment;filename=" +fileName); 6 7 // 讀取資源,發送給瀏覽器 8 InputStream is = this.getServletContext().getResourceAsStream("/download/1.jpg"); 9 ServletOutputStream out = response.getOutputStream(); 10 IOUtils.copy(is, out);
二、複雜處理
根據每一個瀏覽器的不一樣,而進行不一樣的操做。根據瀏覽器不一樣進行設置。IE和谷歌 URL編碼,火狐採用BASE64編碼
IE和谷歌
// * IE 谷歌 採用 URL編碼,就用URL對fileName進行編碼便可。其內部跟咱們上面講解編碼解碼時的思路相似,能夠將fileName輸出看看是個什麼結果,仍是一個xxx.jpg,說明就是將fileName進行編碼,解碼的過程。
if(userAgent.contains("MSIE") || userAgent.contains("Chrome")){ //判斷是否是google或者IE瀏覽器
fileName = URLEncoder.encode(fileName, "UTF-8");
}
火狐 採用 Base64編碼
這裏會出現兩個問題,
一個是BASE64Encoder這個類找不到包,這個問題的解決參考
http://blog.csdn.net/jbxiaozi/article/details/7351768
http://www.cnblogs.com/silentjesse/archive/2013/03/07/2948146.html
另外一個是格式問題。這個很是麻煩,我是記不住,具體查看圖中的註釋,格式已經寫出來了。
下載原理總代碼,包含上面所講解到的。
1 //下載 中文文件名 亂碼 2 String fileName = "美眉.jpg"; 3 //方案1:簡單方案 4 //fileName = new String(fileName.getBytes("GBK"),"ISO8859-1"); 5 //方案2:不一樣的瀏覽器對文件名解析採用不一樣方案。 6 String userAgent = request.getHeader("User-Agent"); 7 // * IE 谷歌 採用 URL編碼 8 if(userAgent.contains("MSIE") || userAgent.contains("Chrome")){ 9 fileName = URLEncoder.encode(fileName, "UTF-8"); 10 } 11 // * 火狐 採用 Base64編碼 12 if(userAgent.contains("Firefox")){ 13 BASE64Encoder base64Encoder = new BASE64Encoder(); 14 String encStr = base64Encoder.encode(fileName.getBytes("UTF-8")); 15 // 格式 : =?字符集?編碼方式?....?= 16 // * 編碼方式:B base64 ,Q q編碼 17 fileName = "=?UTF-8?B?"+encStr+"?="; 18 } 19 20 //設置響應頭,通知瀏覽器應該進行下載,而不是解析。 21 response.setHeader("content-disposition", "attachment;filename=" +fileName); 22 23 // 讀取資源,發送給瀏覽器 24 InputStream is = this.getServletContext().getResourceAsStream("/download/1.jpg"); 25 ServletOutputStream out = response.getOutputStream(); 26 IOUtils.copy(is, out);
總結:下載其實很是簡單,就是在編寫下載文件名出現的中文亂碼問題比較麻煩,其餘的套路很容易,
一、設置響應頭,讓瀏覽器知道該文件是須要下載的
二、就是找準要下載的文件的路徑從而拿到輸入流,在經過response拿到輸出流,
三、經過OUtils.copy(is, out);就解決了,不用在意其中內部的實現。
3、總結
到這裏,上傳和下載的原理和代碼都已經講解完了,你學會了嗎?其中只能總結一點,基礎知識很重要,我在編寫這博文時,發現連最基礎的對File類的操做都模糊不清,對流的操做也不是很感冒,可是經過翻閱資料,也差很少知道了本身曾不知道的東西。