使用FormData提交表单及上传图片的方法

FormData 对象,可以把form中所有表单元素的name与value组成一个queryString,提交到后台。在使用Ajax提交时,使用FormData对象可以减少拼接queryString的工作量。

使用FormData对象

1.创建一个FormData空对象,然后使用append方法添加key/value

var formdata = new formdata();  

formdata.append(‘name’,’fdipzone’);  

formdata.append(‘gender’,’male’);  

2.取得form对象,作为参数传入到FormData对象

    

登录后复制

var form = document.getElementById('form1');  var formdata = new FormData(form);

登录后复制

使用FormData提交表单及上传文件:

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">              FormData Demo               <!--      function fsubmit(){          var data = new FormData($('#form1')[0]);          $.ajax({              url: 'server.php',              type: 'POST',              data: data,              dataType: 'JSON',              cache: false,              processData: false,              contentType: false          }).done(function(ret){              if(ret['isSuccess']){                  var result = '';                  result += 'name=' + ret['name'] + '
'; result += 'gender=' + ret['gender'] + '
'; result += '@@##@@'; $('#result').html(result); }else{ alert('提交失敗'); } }); return false; } -->                 

登录后复制      

     

server.php


登录后复制

使用FormData提交表单及上传图片的方法

使用FormData提交表单及上传图片的方法

以上就是使用FormData提交表单及上传图片的方法的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3195242.html

(0)
上一篇 2025年4月1日 02:24:49
下一篇 2025年4月1日 02:24:58

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Laravel表单类教程:从入门到精通

    Laravel表单类教程:从入门到精通 在Web开发中,表单是不可或缺的一部分。而在Laravel框架中,通过其强大的表单类,我们可以更加便捷地处理表单数据、验证表单信息以及将数据存储到数据库中。本文将从入门到精通地介绍Laravel表单类…

    2025年5月2日
    000
  • Laravel表单类实战指南:快速入门

    随着互联网技术的飞速发展,Web开发已经成为了一个热门的行业。作为Web开发者,掌握流行的开发框架是非常重要的。其中,Laravel是一个备受推崇的PHP开发框架,它提供了一系列强大且易于使用的功能,极大地简化了Web应用的开发流程。在La…

    2025年5月2日
    000
  • Laravel表单类详解:如何正确使用

    Laravel表单类详解:如何正确使用,需要具体代码示例 作为一款流行的PHP框架,Laravel不仅提供了强大的路由系统、ORM、模板引擎等功能,还为开发者提供了方便易用的表单类。通过Laravel的表单类,开发者可以轻松创建表单、验证表…

    2025年5月2日
    000
  • Laravel表单类实用指南:常见问题解决方案

    Laravel表单类实用指南:常见问题解决方案 在Web开发中,表单是不可或缺的元素之一,而Laravel作为一款流行的PHP框架,提供了强大的表单处理功能。然而,开发过程中常常会遇到一些问题,比如表单验证、数据存储等,本文将针对这些常见问…

    2025年5月2日
    000
  • Laravel表单类使用技巧:提高效率的方法

    在编写网站或应用程序时,表单是不可或缺的一部分。Laravel作为一款流行的PHP框架,提供了丰富而强大的表单类,使得表单处理变得更加简单和高效。本文将介绍一些Laravel表单类的使用技巧,帮助你提高开发效率。下面通过具体的代码示例来详细…

    2025年5月2日
    000
  • bootstrap中如何设置表单的宽高

    您可以分别使用 class .input-lg 和 .col-lg-* 来设置表单的高度和宽度。 下面的实例演示了这点: 登录后复制 运行结果如下: 推荐:bootstrap入门教程 以上就是bootstrap中如何设置表单的宽高的详细内容…

    2025年5月1日
    000
  • 深入理解 HTML 表单

    表单元素 从 HTML 到 HTML5, 表单相关的元素已经得到了很大的扩充, 基本能够满足我们常见的需求。但在实际工作中, 因为交互或者浏览器兼容的需要, 有时候不得不对原生的表单元素进行扩展或者模拟。但在此之前, 清楚的了解并掌握各种表…

    编程技术 2025年4月4日
    100
  • php无刷新提交表单另一种方法

    通常对于无刷新提交表单,我们都是运用ajax实现的。前段时间了解到另一种无刷新提交表单的方法。现在整理出来分享给大家。 html页面: nbsp;HTML>        无刷新提交表单     ul{ list-style-type…

    编程技术 2025年4月4日
    100
  • HTML中表单组件

    本文通过实例代码给大家介绍了html 表单组件的知识,非常不错,具有参考借鉴价值,需要的朋友参考下吧 HTML 表单用于搜集不同类型的用户输入。 具体代码如下所示: nbsp;html>        Insert title her…

    编程技术 2025年4月4日
    100
  • Laravel表单类教程:从入门到精通

    Laravel表单类教程:从入门到精通 在Web开发中,表单是不可或缺的一部分。而在Laravel框架中,通过其强大的表单类,我们可以更加便捷地处理表单数据、验证表单信息以及将数据存储到数据库中。本文将从入门到精通地介绍Laravel表单类…

    2025年4月2日
    100

发表回复

登录后才能评论