jquery+ajax+struts实现文件上传

首先在前段引入jquery.js和ajaxfileupload.js文件，一般引入放在最后面，这样可以通过jquery的jQuery.noConflict();方法避免冲突，其中jquery.js和ajaxfileupload.js建议放于引入的js中的最后面，比较容易解决冲突。引入js<script type="text/javascript" language="javascript" src="/js/jquery-1.6.3.min.js"></script><script type="text/javascript" language="javascript" src="/js/ajaxfileupload.js"></script>

ajaxfileupload.js

json及其依赖的jar

html:

js上传方法：

jQuery.noConflict(); //解决jquery冲突问题function ajaxFileUpload(){var fileVal = jQuery("#file").attr("value");var fileValArr = fileVal.split(".");if(fileValArr[fileValArr.length-1] != ‘xls’) {alert("请上传excel文件！");return false;}jQuery("#loading").ajaxStart(function(){jQuery(this).show();})//开始上传文件时显示一个图片.ajaxComplete(function(){jQuery(this).hide();});//文件上传完成将图片隐藏起来jQuery.ajaxFileUpload({url:’cjlrNewExcelAction.do’,//用于文件上传的服务器端请求地址secureuri:false,//一般设置为false 这个为空ajaxfileupload中的iframe不显示fileElementId:’file’,//文件上传空间的id属性 <input type="file" id="file" name="file" />dataType: ‘json’,//返回值类型一般设置为jsonsuccess: function (data, status) //服务器成功响应处理函数{//这里放入返回成功后需要处理的响应data是返回的数据alert(data);//逻辑处理下面是我的逻辑处理for(var i = 0; i< data.length; i++){var dataVal = data[i].split("–");var xh = dataVal[1];var pscj = dataVal[4];if (pscj == ‘nothing’) {pscj = ”;}var qmcj = dataVal[5];if (qmcj == ‘nothing’) {qmcj = ”;}var wtgyy = dataVal[6];if (wtgyy == ‘nothing’) {wtgyy = ”;}}},error: function (data, status, e)//服务器响应失败处理函数{//服务器响应失败的处理信息。}})return false;}以上是js的为客户端上传，其中调用了ajaxfileupload.js中的方法。ajaxfileupload采用jquery.extend({}),的方式在jquery中添加对象。

其中Action中负责接收数据和解析。

import java.io.BufferedOutputStream;import java.io.FileNotFoundException;import java.io.IOException;import java.io.PrintWriter;import java.io.UnsupportedEncodingException;import java.util.ArrayList;import java.util.List;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import javax.servlet.http.HttpSession;import net.sf.json.JSONArray;import org.apache.poi2.hssf.usermodel.HSSFWorkbook;import org.apache.struts.action.ActionForm;import org.apache.struts.action.ActionForward;import org.apache.struts.action.ActionMapping;import org.apache.struts.upload.FormFile;public class NewExcelAction extends BaseAction {public ActionForward execute(ActionMapping mapping, ActionForm form,HttpServletRequest request, HttpServletResponse response) {String oper = request.getParameter("oper");HttpSession session = request.getSession(true);if (oper == null || "".equals(oper)) {response.setHeader("Pragma", "no-cache");response.setHeader("Cache-Control", "no-cache");response.setHeader("Expires", "0");response.setContentType("text/html;charset=UTF-8");try {request.setCharacterEncoding("UTF-8");} catch (UnsupportedEncodingException e1) {e1.printStackTrace();}// response.setCharacterEncoding("UTF-8");NewExcelForm excelForm = (NewExcelForm) form;if (excelForm.getMultipartRequestHandler().getFileElements().get("file") == null) {} else {FormFile file = (FormFile) excelForm.getMultipartRequestHandler().getFileElements().get("file");String fileName = file.getFileName();String fileSimpleName = fileName.substring(fileName.lastIndexOf("."));System.out.println(fileName);List<String> list = new ArrayList<String>();try {list = new UpLoadExcel().getExcelData(file.getInputStream());JSONArray js = new JSONArray();JSONArray jr = js.fromObject(list);System.out.println(jr);PrintWriter out = response.getWriter();out.print(jr);out.flush();out.close();} catch (FileNotFoundException e) {e.printStackTrace();} catch (IOException e) {e.printStackTrace();}}} else if ("excel".equals(oper)) {ArrayList xsmdArrayList = (ArrayList)session.getAttribute("showInfor");ShowXsmdVo showXsmdVo = new ShowXsmdVo();BufferedOutputStream output;try {output = new BufferedOutputStream(response.getOutputStream());response.setHeader("Content-disposition","attachment;filename="+ new String("录入模板".getBytes("gbk"),"iso8859-1") + ".xls");HSSFWorkbook workbook = cjlrBo.createExecl(xsmdArrayList);workbook.write(output);output.close();} catch (IOException e) {e.printStackTrace();}}return null;}}上传的excel文件，其中public class NewExcelForm extends ActionForm {}必须有，是为了使用ActionForm中的.getMultipartRequestHandler().getFileElements().get("file")方法，，file.getInputStream()用于通过流的方式得到数据，

list = new UpLoadExcel().getExcelData(file.getInputStream()); 用于对得到的数据进行解析，如果是其他类型的数据就进行其他类型的解析。

JSONArray js = new JSONArray();JSONArray jr = js.fromObject(list); 把解析到的包装成json格式，方便传输。

PrintWriter out = response.getWriter();out.print(jr);out.flush();out.close(); 已流的方式写出到页面。

下面那个是下载模板方法，如果你上传的文件需要是固定格式，可以以模板下载的方式下载模板。

对应的struts的配置：

<form-bean name="NewExcelForm" type="包名.NewExcelForm" />

幸福就是重复。每天跟自己喜欢的人一起，

相关文章：

你感兴趣的文章：

标签云：