廢話不多說(shuō)了，直接給大家貼代碼了，具體代碼如下所示：
html代碼如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<body><input id="fileid" type="file" accept="video/*;capture=camera"onchange="onfile(this)"><input id="btn" type="button" value="提交"><script type="text/javascript">var xhr;function onfile(file) {var fd = new FormData();fd.append("fileToUpload", document.getElementById('fileid').files[0]);xhr = new XMLHttpRequest();xhr.open("POST", "http://localhost:8889/TestUp/upservlet");//xhr.setRequestHeader("Content-Type","charset=UTF-8");xhr.send(fd);xhr.onreadystatechange = processResponse;}function processResponse(){if(xhr.readyState == 4){alert("上傳結(jié)束數(shù)據(jù)流結(jié)束");if(xhr.status == 200){var infor = xhr.responseText;alert("服務(wù)器端的響應(yīng) = "+infor);}}}</script></body> |
java代碼如下所示：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
|
package com.yjm.up;import java.io.File;import java.io.FileOutputStream;import java.io.IOException;import java.io.InputStream;import java.util.List;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.disk.DiskFileItemFactory;import org.apache.commons.fileupload.servlet.ServletFileUpload;public class UpServlet extends HttpServlet {public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {// 得到上傳文件的保存目錄，將上傳的文件存放于WEB-INF目錄下，不允許外界直接訪問(wèn)，保證上傳文件的安全String savePath = this.getServletContext().getRealPath("/WEB-INF/upload");File file = new File(savePath);System.out.println("test。。。。");// 判斷上傳文件的保存目錄是否存在if (!file.exists() && !file.isDirectory()) {System.out.println(savePath + "目錄不存在，需要?jiǎng)?chuàng)建");// 創(chuàng)建目錄file.mkdir();}// 消息提示String message = "";try {// 使用Apache文件上傳組件處理文件上傳步驟：// 1、創(chuàng)建一個(gè)DiskFileItemFactory工廠DiskFileItemFactory factory = new DiskFileItemFactory();// 2、創(chuàng)建一個(gè)文件上傳解析器ServletFileUpload upload = new ServletFileUpload(factory);// 解決上傳文件名的中文亂碼upload.setHeaderEncoding("UTF-8");// 3、判斷提交上來(lái)的數(shù)據(jù)是否是上傳表單的數(shù)據(jù)if (!ServletFileUpload.isMultipartContent(request)) {// 按照傳統(tǒng)方式獲取數(shù)據(jù)return;}// 4、使用ServletFileUpload解析器解析上傳數(shù)據(jù)，解析結(jié)果返回的是一個(gè)List<FileItem>集合，每一個(gè)FileItem對(duì)應(yīng)一個(gè)Form表單的輸入項(xiàng)List<FileItem> list = upload.parseRequest(request);for (FileItem item : list) {// 如果fileitem中封裝的是普通輸入項(xiàng)的數(shù)據(jù)if (item.isFormField()) {String name = item.getFieldName();// 解決普通輸入項(xiàng)的數(shù)據(jù)的中文亂碼問(wèn)題String value = item.getString("UTF-8");// value = new String(value.getBytes("iso8859-1"),"UTF-8");System.out.println(name + "=" + value);} else {// 如果fileitem中封裝的是上傳文件// 得到上傳的文件名稱，String filename = item.getName();System.out.println(filename);if (filename == null || filename.trim().equals("")) {continue;}// 注意：不同的瀏覽器提交的文件名是不一樣的，有些瀏覽器提交上來(lái)的文件名是帶有路徑的，如：// c:\a\b\1.txt，而有些只是單純的文件名，如：1.txt// 處理獲取到的上傳文件的文件名的路徑部分，只保留文件名部分filename = filename.substring(filename.lastIndexOf("\\") + 1);// 獲取item中的上傳文件的輸入流InputStream in = item.getInputStream();// 創(chuàng)建一個(gè)文件輸出流FileOutputStream out = new FileOutputStream(savePath + "\\"+ filename);// 創(chuàng)建一個(gè)緩沖區(qū)byte buffer[] = new byte[1024 * 1024];// 判斷輸入流中的數(shù)據(jù)是否已經(jīng)讀完的標(biāo)識(shí)int len = 0;// 循環(huán)將輸入流讀入到緩沖區(qū)當(dāng)中，(len=in.read(buffer))>0就表示in里面還有數(shù)據(jù)while ((len = in.read(buffer)) > 0) {// 使用FileOutputStream輸出流將緩沖區(qū)的數(shù)據(jù)寫(xiě)入到指定的目錄(savePath + "\\"// + filename)當(dāng)中out.write(buffer, 0, len);}out.flush();// 關(guān)閉輸入流in.close();// 關(guān)閉輸出流out.close();// 刪除處理文件上傳時(shí)生成的臨時(shí)文件item.delete();message = "文件上傳成功！";}}} catch (Exception e) {message = "文件上傳失敗！";e.printStackTrace();}request.setAttribute("message", message);request.getRequestDispatcher("/message.jsp").forward(request, response);}} |
用到的java 包 是 超過(guò)1G上傳
commons-fileupload-1.2.1.jar
commons-io-1.3.2.jar
|
1
2
|
//xhr.setRequestHeader("Content-Type","application/octet-stream;charset=UTF-8"); 這不能添加 |
