jquery插件 jsp+servlet+uploadify3.1 文件上傳

時間 2019-11-18

標籤 jquery 插件 jsp+servlet+uploadify3.1 jsp servlet uploadify 文件上傳欄目 JQuery 简体版

原文原文鏈接

網絡上不少的例子雖說是3.1版本的，可是調用方法都是老版本的，跑不起來，通過查看doc，下面的例子能夠在tomcat中正常運行。 javascript

index.jsp css

[html] view plain copy print ?

<%@ page language="java" contentType="text/html; charset=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>文件上傳</title>
<link href="css/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="scripts/jquery.uploadify-3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#uploadify").uploadify({
'auto' : false,
'swf' : '<%=path%>/scripts/uploadify.swf',
'uploader' : '<%=path%>/scripts/uploadify',//後臺處理的請求
'queueID' : 'fileQueue',//與下面的id對應
'queueSizeLimit' :1,
'fileTypeDesc' : 'rar文件或zip文件',
'fileTypeExts' : '*.rar;*.zip', //控制可上傳文件的擴展名，啓用本項時需同時聲明fileDesc
'multi' : true,
'buttonText' : '上傳'
});
});
</script>
</head>
<body>
<div id="fileQueue"></div>
<input type="file" name="uploadify" id="uploadify" />
<p>
<a href="javascript:$('#uploadify').uploadify('upload')">開始上傳</a>
<a href="javascript:$('#uploadify').uplaodify('cancel','*')">取消上傳</a>
</p>
</body>
</html>

servlet: Uploadify.java

[java] view plain copy print ?

package com.rh.core.upload;
import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.Iterator;
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.disk.DiskFileItem;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.apache.commons.fileupload.util.Streams;
public class Uploadify extends HttpServlet{
private static final long serialVersionUID = 1L;
/**
* 實現多文件的同時上傳
*/
public void doGet(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
//設置接收的編碼格式
request.setCharacterEncoding("UTF-8");
Date date = new Date();//獲取當前時間
SimpleDateFormat sdfFileName = new SimpleDateFormat("yyyyMMddHHmmss");
SimpleDateFormat sdfFolder = new SimpleDateFormat("yyMM");
String newfileName = sdfFileName.format(date);//文件名稱
String fileRealPath = "";//文件存放真實地址
String fileRealResistPath = "";//文件存放真實相對路徑
//名稱界面編碼必須和request 保存一致..不然亂碼
String name = request.getParameter("name");
String firstFileName="";
// 得到容器中上傳文件夾所在的物理路徑
String savePath = this.getServletConfig().getServletContext().getRealPath("/") + "uploads\\" + newfileName +"\\";
System.out.println("路徑" + savePath+"; name:"+name);
File file = new File(savePath);
if (!file.isDirectory()) {
file.mkdirs();
}
try {
DiskFileItemFactory fac = new DiskFileItemFactory();
ServletFileUpload upload = new ServletFileUpload(fac);
upload.setHeaderEncoding("UTF-8");
// 獲取多個上傳文件
List fileList = fileList = upload.parseRequest(request);
// 遍歷上傳文件寫入磁盤
Iterator it = fileList.iterator();
while (it.hasNext()) {
Object obit = it.next();
if(obit instanceof DiskFileItem){
System.out.println("xxxxxxxxxxxxx");
DiskFileItem item = (DiskFileItem) obit;
// 若是item是文件上傳表單域
// 得到文件名及路徑
String fileName = item.getName();
if (fileName != null) {
firstFileName=item.getName().substring(item.getName().lastIndexOf("\\")+1);
String formatName = firstFileName.substring(firstFileName.lastIndexOf("."));//獲取文件後綴名
fileRealPath = savePath + newfileName+ formatName;//文件存放真實地址
BufferedInputStream in = new BufferedInputStream(item.getInputStream());// 得到文件輸入流
BufferedOutputStream outStream = new BufferedOutputStream(new FileOutputStream(new File(fileRealPath)));// 得到文件輸出流
Streams.copy(in, outStream, true);// 開始把文件寫到你指定的上傳文件夾
//上傳成功，則插入數據庫
if (new File(fileRealPath).exists()) {
//虛擬路徑賦值
fileRealResistPath=sdfFolder.format(date)+"/"+fileRealPath.substring(fileRealPath.lastIndexOf("\\")+1);
//保存到數據庫
System.out.println("保存到數據庫:");
System.out.println("name:"+name);
System.out.println("虛擬路徑:"+fileRealResistPath);
}
}
}
}
} catch (org.apache.commons.fileupload.FileUploadException ex) {
ex.printStackTrace();
System.out.println("沒有上傳文件");
return;
}
response.getWriter().write("1");
}
public void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
doGet(req, resp);
}
}