使用时，需要在代码中添加如下：
<script src="http://malsup.github.io/jquery.form.js />
这里讲一下，使用jquery.form进行ajax表单上传。
//js示例function example(){ //定义ajax提交时的url等 var option={ url:"revise", method:"post", contenttype:false, success:function(data){ if(data=="1"){ alert("上传成功!"); $("#ff").resetform(); //清空表单 }else{ alert("上传失败！");} }, }; //调用jquery.form的api ajaxsubmit进行上传，option为上面所编写的上传规定参数 $("#ff").ajaxsubmit(option); //ff为表单id return false;}
使用jquery.form进行ajax表单提交时，如若对提交路径等有规定，则需要编写一个option对象，在option中过奖url等进行编写规定。最后则调用api ajaxsubmit进行表单上传。
上面为js部分，下面为h5部分
1 <%@ page language="java" contenttype="text/html; charset=utf-8" 2 pageencoding="utf-8"%> 3 4 <!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd"> 5 <html> 6 <head> 7 <meta http-equiv="content-type" content="text/html; charset=utf-8"> 8 <title>jquery.form上传文件</title> 9 </head>10 <body> 11 <form id="ff"> 12 <input type="text" name="name" /> 13 <input type="text" name="age" /> 14 <input type="file" name="pic" id="pic"accept="image/png, image/jpeg, image/jpg" /> 15 <button type="button" id="submitbutton" value="确认" /> 16 </form>17 18 <script src="http://malsup.github.io/jquery.form.js"></script> 19 <script type="text/javascript"> 20 $("#submitbutton").click(function () { //按钮点击事件 21 var option={ 22 url:"revise", 23 method:"post", 24 success:function(data){ 25 if(data=="1"){ 26 alert("上传成功!"); 27 $("#ff").resetform(); 28 $("#add").html(""); 29 }else{ 30 alert("上传失败！");} }, 31 }; 32 $("#ff").ajaxsubmit(option); 33 return false; 34 }); 35 </script> 36 </body> 37 </html>
表单内，需要上传的各个input标签必须要添加属性name，并正确命名。
使用jquery.form.js上传表单就是这样。
这是前段时间做项目时，使用常用ajax提交表单信息出错，查阅过资料后，个人总结出来的使用jquery.form.js的用法。
相关推荐：
ajax怎样提交form表单与实现文件上传
js实现form表单多文件上传的实例代码
以上就是jquery表单实现文件的上传的详细内容。