文件的上傳介紹
①、要有一個 form 標籤,method=post 請求
②、form 標籤的 encType 屬性值必須爲 multipart/form-data 值
③、在 form 標籤中使用 input type=file 添加上傳的文件
④、編寫服務器代碼(Servlet 程序)接收,處理上傳的數據。
- encType=multipart/form-data 表示提交的數據,以多段(每一個表單項一個數據段)的形式進行拼接,然後以二進制流的形式發送給服務器
-
commons-fileupload.jar 賴 需要依賴 commons-io.jar
-
第一步,就是需要導入兩個 jar 包:
-
commons-fileupload.jar 和 commons-io.jar包中 ,我們常用的類有哪些?
類 | 作用 |
---|---|
ServletFileUpload | 用於解析上傳的數據 |
FileItem | 表示每一個表單項 |
boolean ServletFileUpload.isMultipartContent(HttpServletRequest request) | 判斷當前上傳的數據格式是否是多段的格式 |
public List parseRequest(HttpServletRequest request) | 解析上傳的數據 |
boolean FileItem.isFormField() | 判斷當前這個表單項,是否是普通的表單項,還是上傳的文件類型。true 表示普通類型的表單項,false 表示上傳的文件類型 |
String FileItem.getFieldName() | 獲取表單項的 name 屬性值 |
String FileItem.getString() | 獲取當前表單項的值 |
String FileItem.getName() | 獲取上傳的文件名 |
void FileItem.write( file ) | 將上傳的文件寫到 參數 file 所指向抽硬盤位置 |
- 上傳文件的表單:
<body>
<form action="http://localhost:8080/ServletTest/uploadServlet" method="post" enctype="multipart/form-data">
用戶名:<input type="text" name="username" /></br>
頭 像:<input type="file" name="photo" /></br>
<input type="submit" value="上傳" />
</form>
</body>
- 解析上傳的數據的代碼:
public class UploadServlet extends HttpServlet {
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
req.setCharacterEncoding("UTF-8");
//1 先判斷上傳的數據是否多段數據(只有是多段的數據,纔是文件上傳的)
if (ServletFileUpload.isMultipartContent(req)) {
// 創建 FileItemFactory 工廠實現類
FileItemFactory fileItemFactory = new DiskFileItemFactory();
// 創建用於解析上傳數據的工具類 ServletFileUpload 類
ServletFileUpload servletFileUpload = new ServletFileUpload(fileItemFactory);
try {
// 解析上傳的數據,得到每一個表單項 FileItem
List<FileItem> list = servletFileUpload.parseRequest(req);
// 循環判斷,每一個表單項,是普通類型,還是上傳的文件
for (FileItem fileItem : list) {
if (fileItem.isFormField()) {
// 普通表單項
System.out.println(" 表單項的 name 屬性值:" + fileItem.getFieldName());
// 參數 UTF-8. 解決亂碼問題
System.out.println(" 表單項的 value 屬性值:" + fileItem.getString("UTF-8"));
} else {
// 上傳的文件
System.out.println(" 表單項的 name 屬性值:" + fileItem.getFieldName());
System.out.println(" 上傳的文件名:" + fileItem.getName());
fileItem.write(new File("D:\\" + fileItem.getName()));
}
}
} catch (Exception e) {
e.printStackTrace();
}
}
}
}
文件下載
- 下載的常用 API 說明:
response.getOutputStream();
servletContext.getResourceAsStream();
servletContext.getMimeType();
response.setContentType();
-
response.setHeader(“Content-Disposition”, “attachment; fileName=1.jpg”);這個響應頭告訴瀏覽器。這是需要下載的。而 attachment 表示附件,也就是下載的一個文件。fileName=後面,表示下載的文件名。
-
示例代碼:
public class Download extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//1,獲取要下載的文件名
String downloadFileName = "e.jpg";
//2,讀取要下載的文件內容(通過ServletContext對象可以讀取)
ServletContext servletContext = getServletContext();
//獲取要下載的文件類型
String mimeType = servletContext.getMimeType("/file/" + downloadFileName);
System.out.println("下載的文件類型" + mimeType);
//4,再回傳前,通過響應頭告訴客戶端返回的數據類型
resp.setContentType(mimeType);
/**
* 5,還要告訴客戶端收到的數據是用於下載使用(還是使用響應頭)
* Content-Disposition響應頭,表示收到的數據怎麼處理
* attachment 表示附件,表示下載使用
* filename= 表示指定下載的文件名
*/
if(req.getHeader("User-Agent").contains("Firefox")){
//如果是火狐瀏覽器使用Base64編碼
resp.setHeader("Content-Disposition", "attachment; fileName=" + "=?utf-8?B?" + new BASE64Encoder().encode("中文.jpg".getBytes("utf-8")) + "?=");
} else {
resp.setHeader("Content-Disposition", "attachment; fileName="+URLEncoder.encode("下載圖片名.jpg","UTF-8"));
}
//斜槓被服務器解析表示地址爲http://ip:port/工程名/映射到代碼的Web目錄
InputStream resourceAsStream = servletContext.getResourceAsStream("/file/" + downloadFileName);
//獲取響應的輸出流
OutputStream outputStream = resp.getOutputStream();
/**
* 3,把下載的文件內容回傳給客戶端
* 讀取輸入流全部的數據,複製給輸出流,輸出給客戶端
*/
IOUtils.copy(resourceAsStream, outputStream);
}
}
-
中文名亂碼問題解決方案:
-
URLEncoder 決 解決 IE 和谷歌瀏覽器的 和谷歌瀏覽器的 附件中文名問題
- 如果客戶端瀏覽器是 IE 瀏覽器 或者 是谷歌瀏覽器。我們需要使用 URLEncoder 類先對中文名進行 UTF-8 的編碼操作,因爲 IE 瀏覽器和谷歌瀏覽器收到含有編碼後的字符串後會以 UTF-8 字符集進行解碼顯示。
// 把中文名進行 UTF-8 編碼操作。
String str = "attachment; fileName=" + URLEncoder.encode("中文.jpg", "UTF-8");
// 然後把編碼後的字符串設置到響應頭中
response.setHeader("Content-Disposition", str)