Servlet：
package cn.com.seegoo.xm.front.servlets;
import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Iterator;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadBase.SizeLimitExceededException;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import cn.com.seegoo.servletrest.servlets.BaseServlet;
public class PhotoUpServlet extends BaseServlet{
final long MAX_SIZE = 10 * 1024 * 1024;// 設置上傳文件最大為 10M
// 允許上傳的文件格式的列表
final String[] allowtype = new String[] {"jpg","jpeg","gif","txt","doc","docx","mp3","wma","m4a","xls"};
public PhotoUpServlet() {
super();
}
public void destroy() {
super.destroy();
}
@Override
protected void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");
// 設置字符編碼為UTF-8, 這樣支持漢字顯示
response.setCharacterEncoding("UTF-8");
// 實例化一個硬盤文件工廠,用來配置上傳組件ServletFileUpload
DiskFileItemFactory dfif = new DiskFileItemFactory();
dfif.setSizeThreshold(4096);// 設置上傳文件時用于臨時存放文件的內存大小,這里是4K.多于的部分將臨時存在硬盤
dfif.setRepository(new File(request.getRealPath("/")
+ "upload"));// 設置存放臨時文件的目錄,web根目錄下的uploadtemp目錄
// 用以上工廠實例化上傳組件
ServletFileUpload sfu = new ServletFileUpload(dfif);
// 設置最大上傳尺寸
sfu.setSizeMax(MAX_SIZE);
PrintWriter out = response.getWriter();
// 從request得到 所有 上傳域的列表
List fileList = null;
try {
fileList = sfu.parseRequest(request);
} catch (FileUploadException e) {// 處理文件尺寸過大異常
if (e instanceof SizeLimitExceededException) {
out.println("{message:'文件尺寸超過規定大小:"+MAX_SIZE+"字節'}");
return;
}
e.printStackTrace();
}
// 沒有文件上傳
if (fileList == null || fileList.size() == 0) {
out.println("{message:'請選擇上傳文件'}");
return;
}
// 得到所有上傳的文件
Iterator fileItr = fileList.iterator();
// 循環處理所有文件
while (fileItr.hasNext()) {
FileItem fileItem = null;
String path = null;
long size = 0;
// 得到當前文件
fileItem = (FileItem) fileItr.next();
// 忽略簡單form字段而不是上傳域的文件域(<input type="text" />等)
if (fileItem == null || fileItem.isFormField()) {
continue;
}
// 得到文件的完整路徑
path = fileItem.getName();
// 得到文件的大小
size = fileItem.getSize();
if ("".equals(path) || size == 0) {
out.println("{message:'請選擇上傳文件'}");
return;
}
// 得到去除路徑的文件名
String t_name = path.substring(path.lastIndexOf("\\") + 1);
// 得到文件的擴展名(無擴展名時將得到全名)
String t_ext = t_name.substring(t_name.lastIndexOf(".") + 1);
// 拒絕接受規定文件格式之外的文件類型
int allowFlag = 0;
int allowedExtCount = allowtype.length;
for (; allowFlag < allowedExtCount; allowFlag++) {
if (allowtype[allowFlag].equals(t_ext))
break;
}
if (allowFlag == allowedExtCount) {
String message = "";
for (allowFlag = 0; allowFlag < allowedExtCount; allowFlag++){
message+="*." + allowtype[allowFlag]
+ " ";
}
out.println("{message:'請上傳以下類型的文件"+message+"'}");
return;
}
long now = System.currentTimeMillis();
// 根據系統時間生成上傳后保存的文件名
String prefix = String.valueOf(now);
// 保存的最終文件完整路徑,保存在web根目錄下的upload目錄下
String u_name = request.getRealPath("/") + "upload/"
+ prefix + "." + t_ext;
//原來的文件名
path=request.getRealPath("/") + "upload/"+path;
try {
// 保存文件
fileItem.write(new File(path));
response.setStatus(200);
out.println("{message:\"文件上傳成功. 已保存為: " + prefix + "." + t_ext
+ " 文件大小: " + size + "字節\"}");
} catch (Exception e) {
e.printStackTrace();
}
}
}
}
JS：
function ajaxFileUpload()
{
$("#loading")
.ajaxStart(function(){
$(this).show();
})//開始上傳文件時顯示一個圖片
.ajaxComplete(function(){
$(this).hide();
});//文件上傳完成將圖片隱藏起來
$.ajaxFileUpload
(
{
url:'PhotoUpServlet',//用于文件上傳的服務器端請求地址
secureuri:false,//一般設置為false
fileElementId:'fileField',//文件上傳空間的id屬性 <input type="file" id="file" name="file" />
dataType: 'json',//返回值類型 一般設置為json
success: function (data, status) //服務器成功響應處理函數
{
//alert(data.message);//從服務器返回的json中取出message中的數據,其中message為在struts2中定義的成員變量
$('#myspan').html(data.message);
if(typeof(data.error) != 'undefined')
{
if(data.error != '')
{
//alert(data.error);
$('#myspan').html(data.message);
}else
{
//alert(data.message);
$('#myspan').html(data.message);
}
}
},
error: function (data, status, e)//服務器響應失敗處理函數
{
//alert(e);
$('#myspan').html(e);
}
}
)
return false;
}
界面：
<body>
<img src="images/loading.gif" id="loading" style="display: none;">
<span style="color: red;" id="myspan"></span><br/>
<input type="file" id="fileField" name="file" />
<br />
<input type="button" value="上傳" onclick="return ajaxFileUpload();">
</body>
web.xml:
<servlet>
<servlet-name>PhotoUpServlet</servlet-name>
<servlet-class>cn.com.seegoo.xm.front.servlets.PhotoUpServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>PhotoUpServlet</servlet-name>
<url-pattern>/PhotoUpServlet</url-pattern>
</servlet-mapping>