利用jquery ajax前端與後端的檔案傳輸
首先了解下$ ajax裡面的各個屬性
1.url:
要求為String型別的引數，（預設為當前頁地址）傳送請求的地址。
2.type:
要求為String型別的引數，請求方式（post或get）預設為get。
3.timeout:
要求為Number型別的引數，設定請求超時時間（毫秒）。此設定將覆蓋$.ajaxSetup()方法的全域性設定。
4.async:
要求為Boolean型別的引數，預設設定為true，所有請求均為非同步請求。如果需要傳送同步請求，請將此選項設定為false。注意，同步請求將鎖住瀏覽器，使用者其他操作必須等待請求完成才可以執行。
5.cache:
要求為Boolean型別的引數，預設為true（當dataType為script時，預設為false），設定為false將不會從瀏覽器快取中載入請求資訊。
6.data:
要求為Object或String型別的引數，傳送到伺服器的資料。如果已經不是字串，將自動轉換為字串格式。get請求中將附加在url後。防止這種自動轉換，可以檢視processData選項。物件必須為key/value格式，例如{foo1:"bar1",foo2:"bar2"}轉換為&foo1=bar1&foo2=bar2。如果是陣列，JQuery將自動為不同值對應同一個名稱。例如{foo:["bar1","bar2"]}轉換為&foo=bar1&foo=bar2。
7.dataType:
要求為String型別的引數，預期伺服器返回的資料型別。如果不指定，JQuery將自動根據http包mime資訊返回responseXML或responseText，並作為回撥函式引數傳遞。可用的型別如下：
xml：返回XML文件，可用JQuery處理。
html：返回純文字HTML資訊；包含的script標籤會在插入DOM時執行。
script：返回純文字JavaScript程式碼。不會自動快取結果。除非設定了cache引數。注意在遠端請求時（不在同一個域下），所有post請求都將轉為get請求。
json：返回JSON資料。
jsonp：JSONP格式。使用SONP形式呼叫函式時，例如myurl?callback=?，JQuery將自動替換後一個“?”為正確的函式名，以執行回撥函式。
text：返回純文字字串。
8.beforeSend：
要求為Function型別的引數，傳送請求前可以修改XMLHttpRequest物件的函式，例如新增自定義HTTP頭。在beforeSend中如果返回false可以取消本次ajax請求。XMLHttpRequest物件是惟一的引數。
function(XMLHttpRequest){
this; //呼叫本次ajax請求時傳遞的options引數
}
9.complete：
要求為Function型別的引數，請求完成後呼叫的回撥函式（請求成功或失敗時均呼叫）。引數：XMLHttpRequest物件和一個描述成功請求型別的字串。
function(XMLHttpRequest, textStatus){
this; //呼叫本次ajax請求時傳遞的options引數
}
10.success：要求為Function型別的引數，請求成功後呼叫的回撥函式，有兩個引數。
(1)由伺服器返回，並根據dataType引數進行處理後的資料。
(2)描述狀態的字串。
function(data, textStatus){
//data可能是xmlDoc、jsonObj、html、text等等
this; //呼叫本次ajax請求時傳遞的options引數
}
11.error:
要求為Function型別的引數，請求失敗時被呼叫的函式。該函式有3個引數，即XMLHttpRequest物件、錯誤資訊、捕獲的錯誤物件(可選)。ajax事件函式如下：
function(XMLHttpRequest, textStatus, errorThrown){
//通常情況下textStatus和errorThrown只有其中一個包含資訊
this; //呼叫本次ajax請求時傳遞的options引數
}
12.contentType：
要求為String型別的引數，當傳送資訊至伺服器時，內容編碼型別預設為"application/x-www-form-urlencoded"。該預設值適合大多數應用場合。
13.processData：
要求為Boolean型別的引數，預設為true。預設情況下，傳送的資料將被轉換為物件以配合預設內容型別"application/x-www-form-urlencoded"。如果要傳送DOM樹資訊或者其他不希望轉換的資訊，請設定為false。
前端的向後端傳輸表單資料的js指令碼
function big(){
$.ajax({
cache: false,
contentType: false,
type: "POST",
dataType:"text",//返回的資料型別為純文字字串
url:"/recognition/servlet/Recognition", //傳送請求到後臺的地址
data:new FormData(document.getElementById("for") ), //傳送的資料是id="for"的表單中的資料,其中document.getElementById()函式的功能是根據物件的名稱獲取物件
processData:false,//不希望自動轉換
async: false,//請求設為非同步
error: function(request) {//傳送請求失敗執行的函式
alert("傳送請求失敗！");
},
success: function(data) {//傳送請求成功執行的函式
}
});還有需要注意的一點是：
獨立的js檔案不需要引用任何jquery.js檔案，只需要在相應的html網頁中引用jquery.js和.js檔案，jquery檔案引用必須在.js檔案之前；
引用方法：<script src="js/jquery.js"></script>；
後臺servlet接收前端傳送的要上傳的檔案的程式碼：
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String savePath = this.getServletContext().getRealPath("/Picture");//獲得伺服器中當前儲存路徑的物理路徑，以獲得圖片上傳路徑
File file = new File(savePath);//建立以savePath為儲存路徑的檔案
System.out.println(savePath);
//判斷上傳檔案的儲存目錄是否存在
if (!file.exists() && !file.isDirectory()) {
System.out.println(savePath+"目錄不存在，需要建立");
//建立目錄
file.mkdir();
}
String message = "";
try{
//1、建立一個DiskFileItemFactory工廠
DiskFileItemFactory factory = new DiskFileItemFactory();
//2、建立一個檔案上傳解析器
ServletFileUpload upload = new ServletFileUpload(factory);
//解決上傳檔名的中文亂碼問題
upload.setHeaderEncoding("UTF-8");
//3、判斷提交上來的資料是否是上傳表單的資料
if(!ServletFileUpload.isMultipartContent(request)){
//按照傳統方式獲取資料
return;
}
//使用ServletFileUpload解析器解析上傳資料，解析結果返回的是一個List<FileItem>集合，每一個FileItem對應一個Form表單的輸入項
@SuppressWarnings("unchecked")
List<FileItem> list = upload.parseRequest(request);
for(FileItem item : list){
//如果fileitem中封裝的是普通輸入項的資料
if(item.isFormField()){
String name = item.getFieldName();
//解決普通輸入項的資料的中文亂碼問題
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;
}
filename = filename.substring(filename.lastIndexOf("\\")+1);
//獲取item中的上傳檔案的輸入流
InputStream in = item.getInputStream();
//建立一個檔案輸出流
FileOutputStream out = new FileOutputStream(savePath+"\\"+filename);
//建立一個緩衝區
byte buffer[] = new byte[1024];
//判斷輸入流中的資料是否已經讀完的標識
int len = 0;
//迴圈將輸入流讀入到緩衝區當中
while((len=in.read(buffer))>0){
out.write(buffer, 0, len);
}
in.close();
out.close();
//刪除處理檔案上傳時生成的臨時檔案
item.delete();
message = "檔案上傳成功！";
}
}
}catch (Exception e) {
message= "檔案上傳失敗！";
e.printStackTrace();
}
request.setAttribute("message",message);
}
}