您的位置:首页 > 其它

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

2017-01-06 14:26 337 查看
需要引用jQuery.form.js文件,下载地址:http://download.csdn.net/detail/gorch/9630532

前台页面代码:

[html] view
plain copy

 





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

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

[html] view
plain copy

 





<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>  

[javascript] view
plain copy

<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', 服务器响应将求值成纯文本。

后台处理代码

[java] view
plain copy

 





<%@ 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"%>  

[java] view
plain copy

 





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());  

}  

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: