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編解碼:

    

  1. <script type="text/javascript">
  2. var url = "key=中文";
  3. // 編碼操作
  4. var encodedURL = encodeURI(url);
  5. // alert(encodedURL);
  6. // 解碼操作
  7. var decodedURL = decodeURI(encodedURL);
  8. alert(decodedURL);
  9. </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類庫的使用:

文件上傳的表單:

  1. <body>
  2. <form action="http://192.168.10.100:8080/day10/upload" enctype="multipart/form-data" method="post">
  3. 用戶名:<input type="text" name="username" /><br/>
  4. 頭像:<input type="file" name="file"/><br/>
  5. <input type="submit" />
  6. </form>
  7. </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)目中所有文本替換