package com.github.reston.servlet; import java.io.File;import java.io.FileOutputStream;import java.io.IOException;import java.io.PrintWriter;import java.util.Iterator;import java.util.List; import javax.servlet.ServletConfig;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;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.FileItemFactory;import org.apache.commons.fileupload.disk.DiskFileItemFactory;import org.apache.commons.fileupload.servlet.ServletFileUpload;import org.apache.commons.io.IOUtils; @WebServlet("/AjaxUpload")public class AjaxUpload extends HttpServlet{ @Override public void init(ServletConfig config) throws ServletException{  // TODO Auto-generated method stub  super.init(config); }  @Override protected void service(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException{  response.setContentType("text/html");  request.setCharacterEncoding("UTF-8");  boolean isMultipart=ServletFileUpload.isMultipartContent(request);   String basePath=getServletContext().getRealPath("/upload");  File baseDirectory=new File(basePath);  String filename="";  long start=0;  if(!baseDirectory.isDirectory()) baseDirectory.mkdirs();  if(isMultipart){   try{    FileItemFactory factory=new DiskFileItemFactory();    ServletFileUpload upload=new ServletFileUpload(factory);    @SuppressWarnings("unchecked") List<FileItem> fileItems=upload.parseRequest(request);    for(FileItem i:fileItems){     if(i.isFormField()){      String name=i.getFieldName();      String value=i.getString();      if(name.equals("start"))start=Long.parseLong(i.getString());     }    }    for(FileItem item:fileItems){     if(item.isFormField()) continue;     filename=item.getFieldName();     if(mkdir(basePath)){      File fileonserver=createFile(basePath,filename);      if(fileonserver.length()==0){       FileOutputStream fos=new FileOutputStream(fileonserver,true);       IOUtils.copy(item.getInputStream(),fos);      }      if(start>0){       FileOutputStream fos=new FileOutputStream(fileonserver,true);       IOUtils.copy(item.getInputStream(),fos);      }      PrintWriter pw=response.getWriter();      pw.write("{/"length/":/""+fileonserver.length()+"/"}");      pw.flush();     }    }   }catch(Exception e){   }  } }  private File createFile(String path,String name) throws IOException{     File tmp=new File(path,name);  if(!tmp.exists()){   tmp.createNewFile();  }  return tmp; }  private boolean mkdir(String path){  boolean result=true;  File tmp=new File(path);  if(!tmp.isDirectory()){   result=tmp.mkdirs();  }  return result; }}

var ajaxupload = function(e) { /**  * e url method data success error  */ var xmlhttprequest; if (window.XMLHttpRequest) {  xmlhttprequest = new XMLHttpRequest();  if (xmlhttprequest.overrideMimeType) {   xmlhttprequest.overrideMimeType("text/xml");  } } else if (window.ActiveXObject) {  var activeName = [ "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ];  for (var i = 0; i < activeName.length; i++) {   try {    xmlhttprequest = new ActiveXObject(activeName[i]);    break;   } catch (e) {    return;   }  } } if (xmlhttprequest == undefined || xmlhttprequest == null) {  alert("XMLHttpRequest對(duì)象創(chuàng)建失敗！！");  return; } else {  this.xmlhttp = xmlhttprequest; }  var file = document.getElementById(e.id); if (this.xmlhttp != undefined && this.xmlhttp != null) {  e.method = e.method.toUpperCase();  if (e.method != "GET" && e.method != "POST") {   alert("HTTP的請(qǐng)求方法必須為GET或POST!!!");   return;  }  if (e.url == null || e.url == undefined) {   e.alert("HTTP的請(qǐng)求地址必須設(shè)置！");   return;  } }  this.xmlhttp.onreadystatechange = function() {  if (this.readyState == 4) {   if (this.status == 200) {    var responseText = this.responseText;    var responseXML = this.reponseXML;    if (e.success == undefined || e.success == null) {     alert("沒(méi)有設(shè)置處理數(shù)據(jù)正確返回的方法");     alert("返回的數(shù)據(jù)：" + responseText);    } else {     e.success(responseText, responseXML);    }   } else {    if (e.error == undefined || e.error == null) {     alert("沒(méi)有設(shè)置處理數(shù)據(jù)返回失敗的處理方法！");     alert("HTTP的響應(yīng)碼：" + this.status + ",響應(yīng)碼的文本信息：" + this.statusText);    } else {     e.error(this.status, this.statusText);    }   }  } } // var formhtm="<form id='output' enctype='multipart/form-data' ></form>";   var filename = getFileName(e.id); this.xmlhttp.open(e.method, e.url, true); var data = new FormData(document.getElementById("output")); data.append("name", filename); data.append("start", e.data.start); data.append(filename, document.getElementById(e.id).files[0].slice(e.data.start, getFileSize(e.id))); this.xmlhttp.send(data);} function getFileName(id) { var path = document.getElementById(id).value var pos1 = path.lastIndexOf('/'); var pos2 = path.lastIndexOf('//'); var pos = Math.max(pos1, pos2); return path.substring(pos + 1);} function getFileSize(id) { return document.getElementById(id).files[0].size;}

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script type="text/javascript" src="test.js"></script> </head><body>   <input type="file" name="upload" id="upload" value="上傳"/><span>請(qǐng)選擇要上傳的文件(小于1G)</span> <input type="button" value="上傳" onclick="test();"/><form id="output" enctype="multipart/form-data" ></form> <script>  function test(){  ajaxupload({  id : "upload",  url : "/PCC/reston/AjaxUpload",  method : "POST",  data : {start:0},  success : function(e) {   var l=JSON.parse(e).length;   ajaxupload({    id : "upload",    url : "/PCC/reston/AjaxUpload",    method : "POST",    data : {start:l},    success : function(e) {    },    error : function(e) {     console.log(e);    }   });  },  error : function(e) {   console.log(e);  } });   }  </script></body> </html>