欢迎各位兄弟 发布技术文章

这里的技术是共享的

用jquery.form.js 实现ajax提交含有上传文件和普通字段的表单 有大用 有大用

前两天用到ajax提交含上传图片的表单。实现的功能比较简单,但是使用ajax提交表单 form.serialize只能实现普通的字段提交,上传图片却不能使用。

网上很多都是推荐使用jQuery.form.js先单独上传图片,返回上传后图片文件名再提交表单。但是我就是需要一起提交,发现jquery.form.js的ajaxSubmit()还挺好用,而且比单独上传图片更简单。

 

在此贴上代码实现:

js:

 

[javascript] view plain copy
 
  1. $("#ok").click(function() {  
  2.           
  3.         $("#gp").ajaxSubmit({  
  4.             url : "xxx.action?action=saveOrUpdateObject",  
  5.             type : "post",  
  6.             dataType : 'json',  
  7.             success : function(data) {  
  8.                 alert("设置成功!");  
  9.             },  
  10.             error : function(data) {  
  11.                 alert("error:" + data.responseText);  
  12.             }  
  13.         });  
  14.     });  
大概jsp代码:
[html] view plain copy
 
  1. <form id="gp" method="post" enctype="multipart/form-data">  
  2. <input type="text" name="" id="" />  
  3. <input type="file" name="" id="" accept="image/*"/>  
  4. <input type="button" id="ok" value="保存" />  
  5. </form>  
来自  http://blog.csdn.net/limyrain/article/details/51189306
唯物品评历史

关注"唯物品评历史",跟着泪痕春雨先生,读懂历史,看彻人生

打开隐藏二维码