设为首页 - 加入收藏 ASP站长网（Aspzz.Cn）- 科技、建站、经验、云计算、5G、大数据,站长网！

热搜：创业者手机数据

当前位置：首页 > 站长学院 > PHP教程 > 正文

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

发布时间：2022-07-27 12:57 所属栏目：121 来源：互联网

导读：这篇文章主要介绍了php+HTML5/html5使用FormData对象提交表单及上传图片的方法,实例分析了FormData对象的使用技巧,非常具有实用价值,需要的朋友可以参考下本文实例讲述了php+html5使用FormData对象提交表单及上传图片的方法。分享给大家供大家参考。具体分

这篇文章主要介绍了php+HTML5/">html5使用FormData对象提交表单及上传图片的方法,实例分析了FormData对象的使用技巧,非常具有实用价值,需要的朋友可以参考下

　　本文实例讲述了php+html5使用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对象

　　代码如下:<form name="form1" id="form1">
　　<input type="text" name="name" value="fdipzone">
　　<input type="text" name="gender" value="male">
　　</form>
　　代码如下:var form = document.getElementById('form1');
　　var formdata = new FormData(form);

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

　　代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
　　<html>
　　<head>
　　<meta http-equiv="content-type" content="text/html; charset=utf-8">
　　<title> FormData Demo </title>
　　<script src="/js/jquery-1.11.0.min.js"></script>
　　<script type="text/javascript">
　　
　　</script>
　　</head>
　　<body>
　　<form name="form1" id="form1">
　　<p>name:<input type="text" name="name" ></p>
　　<p>gender:<input type="radio" name="gender" value="1">male <input type="radio" name="gender" value="2">female</p>
　　<p>photo:<input type="file" name="photo" id="photo"></p>
　　<p><input type="button" name="b1" value="submit" onclick="fsubmit()"></p>
　　</form>
　　<div id="result"></div>
　　</body>
　　</html>

　　server.php如下：

　　代码如下:<?php
　　$name = isset($_POST['name'])? $_POST['name'] : '';
　　$gender = isset($_POST['gender'])? $_POST['gender'] : '';
　　$filename = time().substr($_FILES['photo']['name'], strrpos($_FILES['photo']['name'],'.'));
　　$response = array();
　　if(move_uploaded_file($_FILES['photo']['tmp_name'], $filename)){
　　$response['isSuccess'] = true;
　　$response['name'] = $name;
　　$response['gender'] = $gender;
　　$response['photo'] = $filename;
　　}else{
　　$response['isSuccess'] = false;
　　}
　　echo json_encode($response);
　　?>

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

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

（编辑：ASP站长网）

相关内容

网友评论

推荐文章

热点阅读