无刷新上传文件的步骤

   阅读
无刷新上传文件的方法

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

 

阅读