現(xiàn)在不管是博客論壇還是企業(yè)辦公，都離不開(kāi)資源的共享。通過(guò)文件上傳的方式，與大家同分享，從而達(dá)到大眾間廣泛的溝通和交流，我們既可以從中獲得更多的知識(shí)和經(jīng)驗(yàn)，也能通過(guò)他人的反饋達(dá)到自我改進(jìn)和提升的目的。
下面我就為大家介紹 web項(xiàng)目中的這一上傳功能，那么文件是如何從本地發(fā)送到服務(wù)器的呢？看我慢慢道來(lái)：
首先，我們創(chuàng)建一個(gè)新的web工程，在工程的WebRoot目錄下新建一個(gè)upload文件夾，這樣當(dāng)我們將該工程部署到服務(wù)器上時(shí)，服務(wù)器便也生成個(gè)upload文件夾，用來(lái)存放上傳的資源。
然后，在WebRoot目錄下新建一個(gè)jsp文件，主要實(shí)現(xiàn)的作用就是選擇上傳的文件，提交至servlet來(lái)進(jìn)行處理
詳細(xì)代碼如下：一個(gè)form將文件信息通過(guò)post方式傳送到指定的servlet
復(fù)制代碼 代碼如下:
%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
html>
head>
base href="%=basePath%>">
title>My JSP 'upload.jsp' starting page/title>
meta http-equiv="pragma" content="no-cache">
meta http-equiv="cache-control" content="no-cache">
meta http-equiv="expires" content="0">
meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
meta http-equiv="description" content="This is my page">
!--
link rel="stylesheet" type="text/css" href="styles.css">
-->
/head>
body>
form action="/upload/UpLoad" method="post" enctype="multipart/form-data">
請(qǐng)選擇上傳的圖片或文件:input type="file" name="fileName"/>input type="submit" value="上傳"/>
/form>
/body>
/html>
可以看到，我們將數(shù)據(jù)提交到工程下的upload/UpLoad。
之后，我們就來(lái)編寫(xiě)這個(gè)servlet——UpLoad.java
復(fù)制代碼 代碼如下:
package load;
import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;
import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
public class UpLoad extends HttpServlet {
@SuppressWarnings("unchecked")
@Override
protected void service(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
req.setCharacterEncoding("utf-8");
resp.setContentType("text/html;charset=utf-8");
//為解析類提供配置信息
DiskFileItemFactory factory = new DiskFileItemFactory();
//創(chuàng)建解析類的實(shí)例
ServletFileUpload sfu = new ServletFileUpload(factory);
//開(kāi)始解析
sfu.setFileSizeMax(1024*400);
//每個(gè)表單域中數(shù)據(jù)會(huì)封裝到一個(gè)對(duì)應(yīng)的FileItem對(duì)象上
try {
ListFileItem> items = sfu.parseRequest(req);
//區(qū)分表單域
for (int i = 0; i items.size(); i++) {
FileItem item = items.get(i);
//isFormField為true，表示這不是文件上傳表單域
if(!item.isFormField()){
ServletContext sctx = getServletContext();
//獲得存放文件的物理路徑
//upload下的某個(gè)文件夾 得到當(dāng)前在線的用戶 找到對(duì)應(yīng)的文件夾
String path = sctx.getRealPath("/upload");
System.out.println(path);
//獲得文件名
String fileName = item.getName();
System.out.println(fileName);
//該方法在某些平臺(tái)(操作系統(tǒng)),會(huì)返回路徑+文件名
fileName = fileName.substring(fileName.lastIndexOf("/")+1);
File file = new File(path+"\\"+fileName);
if(!file.exists()){
item.write(file);
//將上傳圖片的名字記錄到數(shù)據(jù)庫(kù)中
resp.sendRedirect("/upload/ok.html");
}
}
}
} catch (Exception e) {
e.printStackTrace();
}
}
}
因?yàn)橐褜?duì) 代碼做了詳細(xì)的注釋，所以相信大家也能基本上傳的這個(gè)過(guò)程。要注意的一點(diǎn)是解析實(shí)例空間大小的設(shè)置。我們希望上傳的文件不會(huì)是無(wú)限大，因此，設(shè)置
復(fù)制代碼 代碼如下:
.setFileSizeMax(1024*400);
在這兒我們也可以將其設(shè)置成一個(gè)條件，當(dāng)文件大于最大值時(shí)向頁(yè)面 提交錯(cuò)誤提示。此外，也可以讀取選擇文件的后綴來(lái)篩選出可以上傳的類型。這些代碼大家自己擴(kuò)展，不再細(xì)談。
通過(guò)servlet， 將正確的文件傳送到服務(wù)端的upload文件夾中。這兒要注意，如果以后將工程從tomcat移除后，這些文件就會(huì)被自動(dòng)刪除。
上傳結(jié)束之后，使頁(yè)面轉(zhuǎn)到上傳成功頁(yè)面ok.html。 當(dāng)用戶看到此頁(yè)面時(shí)，說(shuō)明你已實(shí)現(xiàn)文件的上傳功能。
您可能感興趣的文章:- js 實(shí)現(xiàn) input type="file" 文件上傳示例代碼
- JS實(shí)現(xiàn)上傳圖片的三種方法并實(shí)現(xiàn)預(yù)覽圖片功能
- js實(shí)現(xiàn)圖片上傳并預(yù)覽功能
- 簡(jiǎn)單實(shí)現(xiàn)js上傳文件功能
- js實(shí)現(xiàn)上傳圖片預(yù)覽的方法
- JS中使用FormData上傳文件、圖片的方法
- js獲取上傳文件的絕對(duì)路徑實(shí)現(xiàn)方法
- 上傳圖片預(yù)覽JS腳本 Input file圖片預(yù)覽的實(shí)現(xiàn)示例
- js實(shí)現(xiàn)圖片上傳并正常顯示
- JavaScript實(shí)現(xiàn)大文件分片上傳處理
