struts+swfupload 上传文件并读入数据库

最近做一个项目，需要将txt、jpg图片等文件批量读入服务器的数据库中。用到了swfupload插件。

项目要求文件需要批量上传，但不能有重复上传，分析出来就是：批量上传文件，上传过程中将文件读入数据库，如果文件入库成功，则返回成功信息；如果入库失败，则返回失败信息（文件错误或文件重复上传）。

一、准备：

下载swfupload插件，SWFUpload v2.2.0.1 Core.zip（http://www.swfupload.org/），并取下载文件中的SWFUpload.js和swfupload.swf文件。

swfupload.swf是上传组件的核心，一个特制的FLASH，具有浏览文件，上传文件的功能，以按钮形式体现在用户眼前。SWFUpload.js与swfupload.swf交互，向开发者提供操作接口。

二、文件部署：

将SWFUpload.js与swfupload.swf及用到的其他图片等文件部署到web项目中（此例IDE用myeclipse），

当然，要写好项目需要的txtupload.jsp、txtuploadaction等。txtupload.jsp是用户上传页面；txtuploadaction是对应的action，功能是读取文件并读入数据库。web项目只需用到他们俩及上面提到的swfupload组件就可以实现批量文件上传入库并返回上传信息。

三、jsp页面引入swfupload

在txtupload.jsp文件中写入

<script type="text/javascript" src="swfupload.js"></script>

此时，需要新建一个JS文件，专门用来存放捕获事件函数，此例为handlers.js，并引入

 <script type="text/javascript" src="handlers.js"></script>

将swfupload组建实例化：

upload1 = new SWFUpload({// Backend Settingsupload_url: "TxtUploadAction.action",post_params: {"picSESSID" : "songhao"},file_post_name: "file",         //上传到服务器的文件name，默认为filedata// File Upload Settingsfile_size_limit : "1024",// 限制上传大小1MBfile_types : "*.txt;*.TXT;",//限制上传文件类型file_types_description : "TXT Files",file_upload_limit : "0",file_queue_limit : "0",// Event Handler Settings (all my handlers are in the Handler.js file)file_dialog_start_handler : fileDialogStart,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,// Button Settingsbutton_image_url : "images/XPButtonUploadText_61x22.png",button_placeholder_id : "spanButtonPlaceholder1",button_width: 61,button_height: 22,// Flash Settingsflash_url : "js/swfupload.swf",custom_settings : {progressTarget : "fsUploadProgress1",cancelButtonId : "btnCancel1"},// Debug Settingsdebug: false});

将实例添加到表单：

<form action="TxtUploadAction" method="post" name="thisform" enctype="multipart/form-data">    <p>The TXTupload page .</p><table><tr valign="top"><td><div><div class="fieldset flash" id="fsUploadProgress1"><span class="legend">TXT File Upload Site</span></div><div style="padding-left: 5px;"><span id="spanButtonPlaceholder1"></span><input id="btnCancel1" type="button" value="Cancel Uploads" onclick="cancelQueue(upload1);" disabled="disabled" style="margin-left: 2px; height: 22px; font-size: 8pt;" /><br /></div></div></td></tr></table>    </form>

四、编写Action

根据上面对swfupload实例化的修改，txt文件上传后，服务器得到的name将是"file"。写action如下：

package com.action;import java.io.File;import java.sql.Connection;import java.util.List;import com.common.DBcon;import com.opensymphony.xwork2.ActionSupport;public class TxtUploadAction extends ActionSupport {/** *  */private static final long serialVersionUID = 1L;private File file;    private String fileFileName;        private String fileContentType;    private String uploadtag=null;//标记文件是否入库成功public String getUploadtag() {return uploadtag;}public void setUploadtag(String uploadtag) {this.uploadtag = uploadtag;}public File getFile() {return file;}public void setFile(File file) {this.file = file;}public String getFileFileName() {return fileFileName;}public void setFileFileName(String fileFileName) {this.fileFileName = fileFileName;}public String getFileContentType() {return fileContentType;}public void setFileContentType(String fileContentType) {this.fileContentType = fileContentType;}/** *  */@Overridepublic String execute() throws Exception {// TODO Auto-generated method stub//boolean flag=false;Connection conn = DBcon.getConnection();// 这是用来连通数据库,记得，要下载个驱动程序，sql servertxtImport t=new txtImport();//txtImport类来处理文件入库操作，并有返回值flag=t.readfile(fileFileName,file.getAbsolutePath(), conn);if(flag){uploadtag=fileFileName+"上传成功";}else{uploadtag=fileFileName+"上传失败，请确认上传文件正确且无重复上传";}return "convert";}}

五、将Action返回值由swfupload返回给用户

这里是难点。

在上传文件时，我们发现上传成功事件对应的内置函数为handlers.js中uploadSuccess(file object, server data, received response)，其中第一个参数为上传的文件，第二个参数为服务器返回的数据。struts2跳转的页面以HTML代码形式赋值给第二个参数，故可在该捕获事件函数中，置入document.write(server_data)语句，即实现页面跳转。但如果是这样，swfupload将上传成功一个文件，就页面跳转，而且swfupload中文件队列丢失，这就成了单个文件上传，失去批量上传功能。

uploadSuccess是每次文件上传成功后调用的函数，而uploadComplete是文件上传完毕后调用的函数，不管成功与失败，它位于uploadSuccess完成后调用。

1，添加一个全局数据var serverdatas=new Array();来存入每次uploadSuccess的server data。

2，在uploadSuccess中，将serverData存入serverdatas，以将其保存到最后全部文件上传完毕并跳转页面之时。serverdatas.push(serverData);

3，在uplodaComplete中做判断，如果files_queued为0，即上传队列数为0，则执行页面跳转，当然我们要将server。

if (this.getStats().files_queued === 0) {document.getElementById(this.customSettings.cancelButtonId).disabled = true;var i;for(i=0;i<serverdatas.length;i++){document.write(serverdatas[i]);}} 

这样，就完成了全部操作，测试成功。
注意：此页面跳转为js跳转而非action的返回跳转。