JavaWeb簡(jiǎn)單文件上傳流程的實(shí)戰(zhàn)記錄

更新時(shí)間：2022年03月31日 11:10:49 作者：See-L

在Web應(yīng)用系統(tǒng)開(kāi)發(fā)中,文件上傳和下載功能是非常常用的功能,下面這篇文章主要給大家介紹了關(guān)于JavaWeb實(shí)現(xiàn)簡(jiǎn)單文件上傳流程的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下

引言

這里實(shí)現(xiàn)一個(gè)簡(jiǎn)單的圖片上傳功能，主要是熟悉這個(gè)文件上傳的交互流程。關(guān)于更復(fù)雜的文件上傳，如大文件的切片上傳、斷點(diǎn)續(xù)傳等，這里不做過(guò)多介紹。

前端上傳文件

首先在前端創(chuàng)建一個(gè)頁(yè)面，這里我們選擇通過(guò)form表單的形式上傳文件。在選擇時(shí)，使用input標(biāo)簽中的file類型就可以自動(dòng)的選擇本地文件。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>上傳一張圖片</title>
</head>
<body>
<form action="upload" method="POST" enctype="multipart/form-data">
    <input type="file" name="MyImage">
    <input type="submit" value="提交圖片">
</form>
</body>
</html>

代碼解釋：

在form標(biāo)簽中，action屬性后寫(xiě)入表單數(shù)據(jù)上傳的URL地址，如果不寫(xiě)，默認(rèn)上傳到當(dāng)前頁(yè)面，這里我們寫(xiě)成服務(wù)器解析的地址@WebServlet("/upload")。
method屬性中我們?cè)O(shè)為POST方法，即提交表單數(shù)據(jù)的方法，也就是前面我們說(shuō)的構(gòu)造HTTP請(qǐng)求的方法，并且POST傳輸?shù)臄?shù)據(jù)量大，可視為不受限制。
enctype=“multipart/form-data”,這個(gè)屬性的作用是將表單數(shù)據(jù)編碼格式置為multipart/form-data類型，這個(gè)編碼類型會(huì)對(duì)文件內(nèi)容在上傳時(shí)進(jìn)行處理，以便服務(wù)器解析文件的類型和內(nèi)容。

enctype屬性：
application/x-www=form-urlencoded：默認(rèn)方式，只處理表單域中的 value 屬性值，將表單域中的值處理成 URL 編碼方式；
multipart/form-data：以二進(jìn)制流的方式處理表單數(shù)據(jù)，除了表單域中的 value 屬性值，還會(huì)處理表單域的文件內(nèi)容，將其封裝到請(qǐng)求參數(shù)中，不會(huì)對(duì)字符編碼；
text/plain：將空格轉(zhuǎn)換為+號(hào)，其它字符不做編碼處理，適用于通過(guò)表單發(fā)送郵件。

小結(jié)：

前端文件上傳實(shí)際是文件內(nèi)容的傳遞，是數(shù)據(jù)的傳遞，并非我們常用的文件的拷貝與復(fù)制操作。
傳遞的過(guò)程中藥進(jìn)行編碼來(lái)制定數(shù)據(jù)發(fā)送的規(guī)則，方便后端能夠?qū)崿F(xiàn)一套對(duì)應(yīng)的解析規(guī)則來(lái)解析。
傳遞的數(shù)據(jù)規(guī)則里面應(yīng)該包含文件的基本信息，如文件名和文件類型，方便后端解析時(shí)能寫(xiě)出正確格式的文件。

后端接受文件

在服務(wù)器這邊處理請(qǐng)求，并將請(qǐng)求中的文件取出并重新保存，最后將代碼部署到Tomcat上.

在解析請(qǐng)求中的文件時(shí)，需要用到Servlet中的getPart方法.此方法的參數(shù)是對(duì)應(yīng)的文件名name

在前端上傳文件的時(shí)候，可以一次選擇多個(gè)文件上傳，其中每個(gè)文件，會(huì)被包裝成一個(gè)Part對(duì)象.每個(gè)文件都會(huì)有自己的文件名name,服務(wù)器這邊就可以根據(jù)文件名來(lái)找到對(duì)應(yīng)的Part，在Part中就包含了對(duì)應(yīng)文件信息。

import javax.servlet.ServletException;
import javax.servlet.annotation.MultipartConfig;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.Part;
import java.io.IOException;
@MultipartConfig
@WebServlet("/upload")
public class UploadServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //1.從請(qǐng)求對(duì)象中，讀取出Part對(duì)象
        Part part =req.getPart("MyImage");
        //2.讀取到Part 對(duì)象中的一些參數(shù)
        System.out.println(part.getSubmittedFileName()); // 上傳文件真實(shí)的文件名
        System.out.println(part.getContentType()); // 文件的類型
        System.out.println(part.getSize()); // 文件的大小

        //3.把文件寫(xiě)入到指定的目錄中
        part.write("c:/temp/MyImage.jpg");
        //4.返回一個(gè)響應(yīng)，通知用戶上傳成功
        resp.getWriter().write("upload OK !");
    }
}

代碼解釋：

接受文件上傳的Servlet,必須有@MultipartConfig注解，否則Servlet不能正確的讀取請(qǐng)求中的文件內(nèi)容
@WebServlet("/upload")這里的/upload和前端form標(biāo)簽中的action屬性的值upload正好對(duì)應(yīng)了起來(lái)。action屬性會(huì)將form表單中的數(shù)據(jù)發(fā)送到對(duì)應(yīng)的URL中，前端將URL設(shè)為upload,那么后端在構(gòu)造url的時(shí)候也必須和前端的對(duì)應(yīng)起來(lái)。否則訪問(wèn)不了Tomcat.
在Servlet中重寫(xiě)的具體是哪個(gè)方法也要和前端method屬性對(duì)應(yīng)起來(lái)，前端用的是Post方法，那么后端在Servlet中重寫(xiě)的就是doPost方法.
在重寫(xiě)的方法中，我們首先要通過(guò)文件名name獲取到對(duì)應(yīng)的Part對(duì)象。前端文件名是MyImage，那么這里的參數(shù)就必須是MyImage。
獲得對(duì)象后，就可以通過(guò)Servlet內(nèi)置的一些方法來(lái)獲得文件的參數(shù)信息，例如文件名，文件類型，文件大小等。
然后通過(guò)part.write()方法使文件持久化，也就是將文件保存下來(lái)，寫(xiě)入指定的目錄中。這個(gè)方法的參數(shù)就是想要保存的路徑
最后可以返回一個(gè)響應(yīng)，通知客戶端上傳成功。

在瀏覽器中輸入U(xiǎn)RL，發(fā)送請(qǐng)求，開(kāi)始上傳文件