先说几句闲话，这两天找了下批量上传（swfupload）的资料，由于网络上前辈们总结的好，所以基本上拿来就用了，在此感谢你们，在这里我也把自己的贴了出来。
好了，开始
首先，要引几个文件（见附件）
<link href="<%=strPath%>/resources/css/SWFUpload/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=strPath%>/resources/js/SWFUpload/swfupload.js"></script>
<script type="text/javascript" src="<%=strPath%>/resources/js/SWFUpload/swfupload.queue.js"></script>
<script type="text/javascript" src="<%=strPath%>/resources/js/SWFUpload/fileprogress.js"></script>
<script type="text/javascript" src="<%=strPath%>/resources/js/SWFUpload/handlers.js"></script>
然后上传的页面，直接粘了
<%@ page language="java" pageEncoding="UTF-8"%>
<%String strPath = request.getContextPath();%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>图片批量上传</title>
<link href="<%=strPath%>/resources/css/SWFUpload/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=strPath%>/resources/js/SWFUpload/swfupload.js"></script>
<script type="text/javascript" src="<%=strPath%>/resources/js/SWFUpload/swfupload.queue.js"></script>
<script type="text/javascript" src="<%=strPath%>/resources/js/SWFUpload/fileprogress.js"></script>
<script type="text/javascript" src="<%=strPath%>/resources/js/SWFUpload/handlers.js"></script>
<script type="text/javascript">
var swfu;
window.onload = function() {
var settings = {
flash_url : "<%=request.getContextPath() %>/resources/js/SWFUpload/swfupload.swf",
upload_url: "../../om/uploadFile.do?method=picturesUpload",
//post_params: {},
file_size_limit : "10 MB",
file_types : "*.jpg",
file_types_description : "jpg 文件",
file_queue_limit : 0,
custom_settings : {
progressTarget : "fsUploadProgress",
cancelButtonId : "btnCancel"
},
debug: false,
// Button settings
button_image_url: "<%=request.getContextPath() %>/resources/js/SWFUpload/TestImageNoText_65x29.png",
button_width: "65",
button_height: "29",
button_placeholder_id: "spanButtonPlaceHolder",
button_text: '<span class="theFont">上传</span>',
button_text_style: ".theFont { font-size: 16; }",
button_text_left_padding: 12,
button_text_top_padding: 3,
// The event handler functions are defined in handlers.js
file_queued_handler : fileQueued,
file_queue_error_handler : fileQueueError,
file_dialog_complete_handler : fileDialogComplete,
upload_start_handler : uploadStart,
upload_progress_handler : uploadProgress,
upload_error_handler : uploadError,
upload_success_handler : uploadSuccess,
upload_complete_handler : uploadComplete,
queue_complete_handler : queueComplete // Queue plugin event
};
swfu = new SWFUpload(settings);
};
</script>
</head>
<body>
<div id="content">
<h2>图片批量上传</h2>
<form id="form1" action="" method="post" enctype="multipart/form-data">
<div class="fieldset flash" id="fsUploadProgress">
<span class="legend">上传队列</span>
</div>
<div id="divStatus">0 个文件已上传</div>
<div>
<span id="spanButtonPlaceHolder"></span>
<input id="btnCancel" type="button" value="取消所有上传" onclick="swfu.cancelQueue();"
disabled="disabled" style="margin-left: 2px; font-size: 8pt; height: 29px;" />
</div>
<span>注：必须上传.jpg格式图片<br>建议:每次上传不超过30张，每张图片大小不超过10MB。</span>
</form>
</div>
</body>
</html>
后台java代码
/**
*
* 功能：图片批量上传
* @param mapping
* @param form
* @param request
* @param response
* @return
*/
@SuppressWarnings("unchecked")
public ActionForward picturesUpload(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {
KoofUmUser user = (KoofUmUser) request.getSession().getAttribute("koofumuser");
String userName = user.getLoginname();
response.setContentType("text/html;charset=utf-8");
SmartUpload su = null;
try {
JspFactory jspxFactory = JspFactory.getDefaultFactory();
PageContext pageContext = jspxFactory.getPageContext(this
.getServlet(), request, response, null, true, 8192, true);
su = new SmartUpload();
su.initialize(pageContext);
su.upload();
String backInfo = UpMgr.fileUpload(su, pageContext);
String fPath = new SysUtil().getAttribute("koofglobals.koofhome")
+ "up/" + backInfo;
File myfile = new File(fPath);
// 如果文件存在，则导入数据表中
if (myfile.exists() && myfile.isFile()) {
String fileName = myfile.getName();
String[] idcards = fileName.split("\\.");
String idcard = idcards[0];
//这里我存到了数据库
this.savePhoto(myfile, idcard, userName);
}
//删除文件
myfile.delete();
//删除文件夹
myfile.getParentFile().delete();
} catch (Exception e) {
e.printStackTrace();
}
return null;
}
基本上就这两块，配置文件都正常配置就行，具体可以看附件
分享到：
很好
相关推荐
已经付费购买的图片批量上传工具，可以在Web页面一次批量上传多张图片，可以直接从word中拷贝然后粘贴上传，尤其对于word中的数学公式，可以自动转为图片上传到web服务器，非常方便。
织梦图片批量上传图片添加栏目修改系统设置程序
很实用的例子，实现了Android图片批量上传，类似于微信上传图片。
资源名：jQuery图片批量上传插件源码 资源类型：程序源代码 源码说明：实现图片预览，预览图片移除，任意张数异步上传，上传进度条指示，已选中且上传的图片不会重复上传，且不能移除 使用方法 界面顶部引入IMGUP....
asp.net图片批量上传asp.net图片批量上传asp.net图片批量上传asp.net图片批量上传
tinymce 官方只有单图片上传功能，本人试重网上查找多图片批量上传的例子，无奈找不到合适的，唯有自力更新，帮助更多的网友。
jQuery支持拖拽图片上传的图片批量上传插件
.net实现图片批量上传 实现了文件的批量上传，可以一次性上传多个文件 网络整理搜集
图片批量上传很多朋友需要的，经过修改完善后分享给大家！ 主要功能：不使用FLASH插件，实现图片批量上传，根据日期和时间命名，存放在日期文件夹，并将文件名放入input里面，便于后台获取存入数据库（应该是很多...
asp +flash+jquery 图片批量上传 有缩略图
ext图片批量上传源码，使用Ext.ux.UploadDialog插件
后台图片批量上传插件（拖拽）.zip 后台图片批量上传插件（拖拽）.zip
ASP.NET+Flash多图片批量上传工具,类似QQ空间图片上传一样，非常好用
flsh 图片批量上传，（vs2008项目源码）
用.net做并用ajax实现图片批量上传，并实现预览效果， 经测试在ie8、firefox上可以
php结合web uploader插件实现分片上传文件, 图片批量上传,非常好用