Web階段:第十五章:文件上傳&下載
文件的上傳介紹
文件的上傳和下載功能是很多系統(tǒng)中非常常見的功能。非常的重要。
文件的上傳
1、首先需要一個(gè)form表單
2、然后在表單內(nèi)有input type=”file”
3、提交的方式必須是method=”POST”
4、enctype="multipart/form-data"編碼類型必須是多段的表單數(shù)據(jù)
enctype屬性有兩種值:
當(dāng)enctype屬性值為application/x-www-form-urlencoded的時(shí)候,表單提交的時(shí)候,瀏覽器會(huì)把所有的表單以name=value&name=value的形式進(jìn)行拼接,然后做URL編碼操作。
URL編碼操作,就是把非字母數(shù)字的字符,比如說中文,轉(zhuǎn)換成為:%xx%xx的格式內(nèi)容
javaScript客戶端的URL編解碼:
- <script type="text/javascript">
- var url = "key=中文";
- // 編碼操作
- var encodedURL = encodeURI(url);
- // alert(encodedURL);
- // 解碼操作
- var decodedURL = decodeURI(encodedURL);
- alert(decodedURL);
- </script>
java中的URL編解碼操作
public class JavaEncodeAndDecode {
public static void main(String[] args) throws Exception {
String url = "key=中文";
// URLEncoder.encode 編碼操作
String encodedUrl = URLEncoder.encode(url, "UTF-8");
System.out.println(encodedUrl);
// 解碼操作
String decodedUrl = URLDecoder.decode(encodedUrl, "UTF-8");
System.out.println( decodedUrl );
}
}
當(dāng)enctype屬性值為multipart/form-data的時(shí)候,表單提交,瀏覽器會(huì)把所有表單項(xiàng)的信息,
以多個(gè)段的形式拼接在一起,以二進(jìn)制流的形式發(fā)送給服務(wù)器。每個(gè)表單項(xiàng),都會(huì)以特定的格式封裝成為一段的數(shù)據(jù)。
文件上傳,HTTP協(xié)議的說明。
谷歌瀏覽器f12進(jìn)行查看:
commons-fileupload.jar 常用API介紹說明
commons-fileupload.jar 需要依賴 commons-io.jar 這個(gè)包,所以兩個(gè)包我們都要引入。
commons-fileupload-1.2.1.jar
commons-io-1.4.jar
commons-fileupload.jar和commons-io.jar包中,我們常用的類有哪些?
boolean ServletFileUpload.isMultipartContent(HttpServletRequest request);
判斷,你提交過來的數(shù)據(jù),是否是多段的上傳數(shù)據(jù),如果是返回true,如果數(shù)據(jù)格式不合法,返回false
public List ServletFileUpload.parseRequest(HttpServletRequest request)
直接把上傳的數(shù)據(jù),都解析成為每一個(gè)表單項(xiàng)。
每一個(gè)表單項(xiàng)由FileItem類表示
boolean FileItem.isFormField()
判斷,是不是普通的表單項(xiàng)。如果是返回true,如果不是返回false
String FileItem.getFieldName()
獲取表單項(xiàng)的name的屬性值
String FileItem.getString()
獲取表單項(xiàng)的值,多用于普通表單項(xiàng)。
String FileItem.getName();
獲取上傳的文件名
void FileItem.write( file );
把上傳的文件寫到file所指向的位置。
fileupload類庫的使用:
文件上傳的表單:
- <body>
- <form action="http://192.168.10.100:8080/day10/upload" enctype="multipart/form-data" method="post">
- 用戶名:<input type="text" name="username" /><br/>
- 頭像:<input type="file" name="file"/><br/>
- <input type="submit" />
- </form>
- </body>
解決上傳代碼:
public class Upload extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doPost(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
// 判斷,到底接收到的數(shù)據(jù),是不是文件上傳的格式(多段的multipart/form-data)
if (ServletFileUpload.isMultipartContent(request)) {
FileItemFactory fileItemFactory = new DiskFileItemFactory();
// 創(chuàng)建文件上傳解決的對(duì)象
ServletFileUpload servletFileUpload = new ServletFileUpload(fileItemFactory);
try {
// 解析上傳的數(shù)據(jù) ====>>>會(huì)得到每一個(gè)表單項(xiàng)
// 每個(gè)FileItem表示一個(gè)表單項(xiàng)
List<FileItem> fileItems = servletFileUpload.parseRequest(request);
// 遍歷操作每一個(gè)表單項(xiàng)
for (FileItem fileItem : fileItems) {
if (fileItem.isFormField()) {
// 表示這是一個(gè)普通表單項(xiàng)
// 關(guān)心name屬性值和value屬性值
System.out.println("name的屬性值:" + fileItem.getFieldName());
System.out.println("提交過來的值:" + fileItem.getString());
} else {
// 上傳的文件項(xiàng)
// 關(guān)心name屬性值,和上傳的文件名,以及把上傳的文件寫到某個(gè)硬盤位置
System.out.println("name的屬性值:" + fileItem.getFieldName());
System.out.println("上傳的文件名:" + fileItem.getName());
fileItem.write(new File("E:\\" + fileItem.getName()));
}
}
} catch (Exception e) {
e.printStackTrace();
}
}
}
}
文件下載
下載的常用API說明:
response.getOutputStream();
servletContext.getResourceAsStream();
servletContext.getMimeType();
response.setContentType();
response.setHeader(“Content-Disposition”, “attachment; fileName=1.jpg”);
這個(gè)響應(yīng)頭告訴瀏覽器。這是需要下載的。Content-Disposition是內(nèi)容-配置,而attachment表示附件,也就是下載的一個(gè)文件。fileName=后面,表示下載的文件名。
完成上面的兩個(gè)步驟,下載文件是沒問題了。但是如果我們要下載的文件是中文名的話。你會(huì)發(fā)現(xiàn),下載無法正確顯示出正確的中文名。
原因是在響應(yīng)頭中,不能包含有中文字符,只能包含ASCII碼。
附件中文名亂碼問題解決方案:
方案一:URLEncoder解決 IE 和谷歌瀏覽器的 附件中文名問題。
如果客戶端瀏覽器是IE瀏覽器 或者 是谷歌瀏覽器。我們需要使用URLEncoder類先對(duì)中文名進(jìn)行UTF-8的編碼操作。
因?yàn)镮E瀏覽器和谷歌瀏覽器收到含有編碼后的字符串后會(huì)以UTF-8字符集進(jìn)行解碼顯示。
// 把中文名進(jìn)行UTF-8編碼操作。
String str = "attachment; fileName=" + URLEncoder.encode("中文.jpg", "UTF-8");
// 然后把編碼后的字符串設(shè)置到響應(yīng)頭中
response.setHeader("Content-Disposition", str);
方案二:BASE64編解碼 解決 火狐瀏覽器的附件中文名問題
如果客戶端瀏覽器是火狐瀏覽器。 那么我們需要對(duì)中文名進(jìn)行BASE64的編碼操作。
這時(shí)候需要把請(qǐng)求頭Content-Disposition: attachment; filename=中文名
編碼成為:Content-Disposition: attachment; filename==?charset?B?xxxxx?=
=?charset?B?xxxxx?= 現(xiàn)在我們對(duì)這段內(nèi)容進(jìn)行一下說明。
=? :表示編碼的開始
charset :表示你使用什么字符集
B :表示使用BASE64編碼
xxxx :是base64編碼后的內(nèi)容
?= :表示編碼的結(jié)束
BASE64編解碼操作:
@Test
public void test() throws Exception {
String url = "中文.jpg";
// 創(chuàng)建一個(gè)base64編碼器對(duì)象
BASE64Encoder base64Encoder = new BASE64Encoder();
// base64Encoder.encode執(zhí)行base64編碼操作
String base64EncodedString = base64Encoder.encode(url.getBytes("UTF-8"));
System.out.println(base64EncodedString);
// 解碼
BASE64Decoder base64Decoder = new BASE64Decoder();
// base64解碼操作
byte[] buffer = base64Decoder.decodeBuffer(base64EncodedString);
System.out.println( new String(buffer, "UTF-8") );
}
因?yàn)榛鸷褂玫氖荁ASE64的編解碼方式還原響應(yīng)中的漢字。所以需要使用BASE64Encoder類進(jìn)行編碼操作。
// 使用下面的格式進(jìn)行BASE64編碼后
String str = "attachment; fileName=" + "=?utf-8?B?"
+ new BASE64Encoder().encode("中文.jpg".getBytes("utf-8")) + "?=";
// 設(shè)置到響應(yīng)頭中
response.setHeader("Content-Disposition", str);
那么我們?nèi)绾谓鉀Q上面兩種不同編解碼方式呢。我們只需要通過判斷請(qǐng)求頭中User-Agent這個(gè)請(qǐng)求頭攜帶過來的瀏覽器信息即可判斷出是什么瀏覽器。
如下:
String ua = request.getHeader("User-Agent");
// 判斷是否是火狐瀏覽器
if (ua.contains("Firefox")) {
// 使用下面的格式進(jìn)行BASE64編碼后
String str = "attachment; fileName=" + "=?utf-8?B?"
+ new BASE64Encoder().encode("中文.jpg".getBytes("utf-8")) + "?=";
// 設(shè)置到響應(yīng)頭中
response.setHeader("Content-Disposition", str);
} else {
// 把中文名進(jìn)行UTF-8編碼操作。
String str = "attachment; fileName=" + URLEncoder.encode("中文.jpg", "UTF-8");
// 然后把編碼后的字符串設(shè)置到響應(yīng)頭中
response.setHeader("Content-Disposition", str);
}
案例代碼:
public class Download extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doGet(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
String path = "/imgs/d.jpg";
ServletContext servletContext = getServletContext();
// getMimeType 獲取文件的數(shù)據(jù)類型
String type = servletContext.getMimeType(path);
System.out.println(type);
// 要設(shè)置返回的數(shù)據(jù)類型
response.setContentType(type);
/**
* 通過判斷請(qǐng)求頭User-Agent判斷是不是火狐瀏覽器,還是其他瀏覽器
*/
if (request.getHeader("User-Agent").contains("Firefox")) {
// 火狐瀏覽器
response.setHeader(
"Content-Disposition",
"attachment; filename==?UTF-8?B?"
+ new BASE64Encoder().encode("中文.jpg"
.getBytes("UTF-8")) + "?=");
} else {
// 如果是谷歌瀏覽器,或IE瀏覽器,需要使用URL編碼處理
// 設(shè)置響應(yīng)頭 告訴瀏覽器,你收到數(shù)據(jù),要當(dāng)成下載處理。
// attachment 表示附件
// fileName表示下載的文件名
response.setHeader("Content-Disposition", "attachment; filename="
+ URLEncoder.encode("中文.jpg", "UTF-8"));
}
// 1 想辦法讀取需要下載的文件
// 斜杠打頭,表示到http://ip:prot/工程名/ 映射到代碼的webContent目錄
InputStream stream = servletContext.getResourceAsStream(path);
// 2 通過字節(jié)的響應(yīng)輸出流,輸出給客戶端
ServletOutputStream outputStream = response.getOutputStream();
// copy方法 把輸入流的內(nèi)容都讀取然后寫到輸出流中
IOUtils.copy(stream, outputStream);
// 關(guān)流釋放 資源
stream.close();
outputStream.close();
}
}
項(xiàng)目文本替換
頁面內(nèi)替換文本:Ctrl+F
項(xiàng)目中所有文本替換