欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

无刷新上传文件的方法

程序员文章站 2022-07-15 15:19:22
...

这里使用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" /*设置返回值类型为文本*/
		})
	})