无刷新上传文件的方法

这里使用jquery.form.js的方法

 

1.  首先，我们必须要定义一个文件上传的Form表单，如：

 

<form action="${basePath }/purchasing/supplier!uploadAttach.do" onsubmit="return check()" id="form1" encType="multipart/form-data"  method="post">
	<input type="hidden" name="id" value="${id }">
	<table height=8 width="100%" 
bordercolor="#CCBE5A" cellspacing="0" 
                        bordercolordark="#ffffff" cellpadding="3" 
                        align="center" bgcolor="#ffffff" bordercolorlight="#7f9db9" 
                        border="1">    
       <TR>
       <td BGCOLOR="#d3d8eb"><font size="2">文件</font></td>
       <td><input type="file" id="file" name="file" style="width:450"></td>
       </TR>
       <TR>
       <td BGCOLOR="#d3d8eb"><font size="2">备注</font></td>
       <td><textarea name="remark"></textarea></td>
       </TR>
     </table>
	
	
</form>

 

2. 然后使用javascript代码：

 

$("#uploadBtn").click(function(){
		$("#form1").ajaxSubmit({
			success: function (data) {
	        	if(data.success){
	        		alert("上传成功");
	        		if(window.opener){
	        			window.opener.location.reload();
	        		}
	        		window.close();
	        	}else{
	        		alert("上传失败");
	        	}
	        },
	        error: function (error) { alert("上传异常"); },
	        type: "post", /*设置表单以post方法提交*/
	        dataType: "json" /*设置返回值类型为文本*/
		})
	})