【文件上传】文件上传的form表单提交方式和ajax异步上传方式对比

一、html 表单代码

……

<input type="file" class="file_one" name="offenderExcelFile"  id="offenderExcelFile"  />

……

二、

 表单form提交

function importFile(){
        var excelPath = $("#offenderExcelFile").val();
        if(excelPath=="" || excelPath==null){
            alert("请选择上传文件！");
            return false;
        }else if(excelPath.indexOf(".xls")==-1){
                alert("文件类型不正确！");
                return false;
        }else{
                $("#importOffenderInfoExcel").submit();
              }
        }

Ajax异步上传

<script type="text/javascript" src="<%=path %>/js/lib/ajaxfileupload.js"></script>

function uploadOffenderExcelFile(){
        var offenderExcelFilePathName = $("#offenderExcelFile").val();
        if(offenderExcelFilePathName==""){
            alert("请选择要上传的文件！");
            return false;
        }
        var url = "<%=basePath%>consignment/offender/importOffenderFormExcel.action";
         $.ajaxFileUpload({
            url:url,
            secureuri:false,
            fileElementId:'offenderExcelFile',
            dataType: 'json',
            type:'post',
            success: function (data, status) {
                alert("操作成功!");
                //......                        
            },
            error: function (data, status, e) {
                alert("上传失败");
            }
 });