利用ajaxSubmit无刷新异步上传导入Excel,无刷新提交表单

需要引用jquery.form.js文件,下载地址:http://download.csdn.net/detail/gorch/9630532


前台页面代码:

<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery.form.js"></script>
<form method="post" enctype="multipart/form-data" action="ImportExcel_DuiZhang.jsp" id="formImport">
	    <table width="100%" cellpadding="5px" id="diaTable" style="display:none;">
	        <tr>
	        	<td>
	        		<input type="file" name="uploadFile" id="uploadFile" style="width:290px" />
	        	</td>
	        </tr>
	        <tr>
	            <td style="text-align:center;padding-top:10px;">
	                <a href="javascript:submitImport()" id="btnOK">确定</a>
	
	            </td>
	        </tr>
	    </table>
    </form>

<script>  
    function submitImport(){  
      var epath = $('#uploadFile').val();  
          
        if(epath==""){  
            alert( '导入文件不能为空!');  
            return;  
        }  
          
        if(epath.substring(epath.lastIndexOf(".") + 1).toLowerCase()=="xlsx"){  
            alert( '03以上版本Excel导入暂不支持!');  
            return;  
        }  
        if (epath.substring(epath.lastIndexOf(".") + 1).toLowerCase()!="xls") {  
            alert( '导入文件类型必须为excel!');  
            return;  
        }  
        $('#btnOK').linkbutton('disable');  
        $("#formImport").ajaxSubmit({   
            type: "post",    
            dataType: "script",  // 'xml', 'script', or 'json' (expected server response type)   
            url: "ImportExcel_DuiZhang.jsp",  
            success: function (data1) {  
                $('#btnOK').linkbutton('enable');  
                if(data1.replace(/\s+/g,"")=="1"){  
                    alert('导入成功');  
                    location.reload();  
                }else{  
                    alert(data1);  
                }  
            },  
            error: function (msg) {  
                $('#btnOK').linkbutton('enable');  
                alert("文件上传失败");      
            }  
        });  
  }  
</script> 

ajaxSubmit 部分参数说明

dataType:期望返回的数据类型。null、“xml”、“script”或者“json”其中之一。dataType提供一种方法,它规定了怎样处理服务器的响应。这个被直接地反映到jQuery.httpData方法中去。
下面的值被支持:
'xml':如果dataType == 'xml',将把服务器响应作为XML来对待。同时,如果“success”回调方法被指定, 将传回responseXML值。
'json':如果dataType == 'json', 服务器响应将被求值,并传递到“success”回调方法,如果它被指定的话。 

'script':如果dataType == 'script', 服务器响应将求值成纯文本。


后台处理代码

<%@ page import="java.util.*" %>
<%@ page import="jxl.*"%>
<%@ page import="jxl.write.*"%>
<%@ page import="java.io.*"%>
<%@ page import="org.apache.commons.fileupload.RequestContext"%>
<%@ page import="org.apache.commons.fileupload.servlet.ServletRequestContext"%>
<%@ page import="org.apache.commons.fileupload.servlet.ServletFileUpload"%>
<%@ page import="org.apache.commons.fileupload.disk.DiskFileItemFactory"%>
<%@ page import="org.apache.commons.fileupload.FileItem"%>
try{
	response.setContentType("text/html");
	request.setCharacterEncoding("utf-8");
	// 声明文件域
	FileItem fileItem = null;
	// 从 HTTP servlet 获取 fileupload 组件需要的内容
	RequestContext requestContext = new ServletRequestContext(request);
	// 判断是否包含 multipart 内容,如果不包含,则不进行任何处理。
	if (ServletFileUpload.isMultipartContent(requestContext)) 
	{
		// 创建基于磁盘的文件工厂
		DiskFileItemFactory factory = new DiskFileItemFactory();
		// 设置直接存储文件的极限大小,一旦超过则写入临时文件以节约内存。默认为 1024 字节
		factory.setSizeThreshold(1024 * 1024);
		factory.setRepository(new File(request.getSession().getServletContext().getRealPath("\\")));
		
		// 创建上传处理器,可以处理从单个 HTML 上传的多个上传文件。
		ServletFileUpload upload = new ServletFileUpload(factory);
		// 最大允许上传的文件大小
		upload.setSizeMax(10 * 1024 * 1024);
		
		try {
			// 处理上传
			List items = upload.parseRequest(requestContext);

			// 由于提交了表单字段信息,需要进行循环区分。
			for (int i = 0; i < items.size(); i++) {
				FileItem fi = (FileItem) items.get(i);
				// 如果不是表单内容,取出 multipart。
				if (!fi.isFormField()) {
					fileItem = fi;
					// 一次只上传单个文件
					break;
				}
			}

			Workbook workbook = null;
			Cell header = null;
			Cell cell = null;
			String currentColumn = "";
			
			InputStream uploadedStream = fileItem.getInputStream();
			workbook = Workbook.getWorkbook(uploadedStream);
			Sheet sheet = workbook.getSheet(0);
			
			//返回去掉空行的记录数
			int nullCellNum;//统计空格数
			int row = sheet.getRows();
			int column = sheet.getColumns();
			int actualRows = row;
			for (int m = 0; m < row; m++) { //统计行中为空的单元格数
			   nullCellNum = 0;
			    for (int n = 0; n < column; n++) {
			        String val = sheet.getCell(n, m).getContents();
			        val = StringUtils.trimToEmpty(val);
			        if (StringUtils.isBlank(val))
			           nullCellNum++;
			    }
			    if (nullCellNum >= column) { //如果nullCellNum大于或等于总的列数
			    	actualRows--;          //行数减一
			   }
			}
			
			String dzTitle=sheet.getCell(1, 1).getContents().trim();
			String lifnr=sheet.getCell(1, 2).getContents().trim();
			//补0
			try{
				lifnr="0000"+Integer.parseInt(lifnr);
			}catch(Exception ep1){
				
			}
			
			if(null==dzTitle||"".equals(dzTitle)){
				out.print("对账单标题为空");
			}else if(null==lifnr||"".equals(lifnr)){
				out.print("物流商编码为空");
			}else{
				//一系列处理过程......
				out.print("1");
			}
		}
		catch (Exception ex) {
			out.print("Exception2:"+ex.getMessage());
		}
	}
	else{
		out.print("读取文件失败");
	}

}catch (Exception ex) {
	out.print("Exception3:"+ex.getMessage());
}



  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值