php+html5使用FormData对象提交表单及上传图片的方法

前端之家收集整理的这篇文章主要介绍了php+html5使用FormData对象提交表单及上传图片的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了PHP+html5使用FormData对象提交表单及上传图片方法分享给大家供大家参考。具体分析如下:

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

使用FormData对象

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

代码如下:

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

代码如下:
代码如下:

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

代码如下:
<Meta http-equiv="content-type" content="text/html; charset=utf-8"> FormData Demo
name:

gender:dio" name="gender" value="1">male dio" name="gender" value="2">female

photo:

server.PHP如下:

代码如下:

运行效果如下图所示:

希望本文所述对大家的PHP程序设计有所帮助。

猜你在找的PHP相关文章