基于jQuery通过jQuery.form.js插件实现异步上传

本文主要从前台代码分析了jquery.form.js实现异步上传的方法，具体代码如下

js代码：

用beforeSubmit对上传前是否选择了文件进行校验，它会在提交表单前先执行。

//导入Excel
	function fncImport() {
		var options = {  
		           url:'<c:url value="/yyfk/sgpurchaseManage/s-gpurchase!excelImport.action"/>',
		           type:"post",
		           dataType : 'json',  
		           beforeSubmit:function(){
		        	   if($("#upload").val()==""){
		       			alert("请先选择要上传的文件！");
		       		}
		           },
		           success : function(data){
		        	   alert(data);
		           }  
		    };  
		$('#importForm').ajaxSubmit(options);  
	}

jsp代码：

<form id="importForm" method="post" encType="multipart/form-data" >
		<input type="hidden" name="fileHideUploadFlag" id="fileHideUploadFlag" value="-1"/>
		<input type="file" id="upload" name="upload" size="20" ContentEditable="false" class="Lbordercolor"  value=""/>
		<input name="fncadd" type="button" class="anniu" value="批量导入" onclick="fncImport();"/>
</form>

此外，请检查jQuery版本与jQuery Form版本是否匹配，按jQuery Form官方推荐，需要使用jQuery 1.5+。我用的是jquery-1.11.3.js和 jquery-form4.0.1

版本一定要选择正确，我刚开始时也是因为版本不对，花费了较长时间，大概从周六下午5点一直弄到了周日上午11：34

附件列表