微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > 后端开发 > php教程 > 正文

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

php中文网
发布： 2016-07-13 10:06:46
原创
983人浏览过

php+html5使用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对象

复制代码 代码如下:
 
 
 

复制代码 代码如下:
var form = document.getElementById('form1'); 
var formdata = new FormData(form);

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

复制代码 代码如下:
 
 
  
   
  FormData Demo  
   
   
  
  
   
 
       

name:

立即学习“PHP免费学习笔记（深入）”；

表单大师AI
表单大师AI

一款基于自然语言处理技术的智能在线表单创建工具，可以帮助用户快速、高效地生成各类专业表单。

表单大师AI 74
查看详情 表单大师AI
 
       

gender:male female

 
       

photo:

 
       

 
   
 
   
 
  

server.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程序设计有所帮助。

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/957143.htmlTechArticlephp+html5使用FormData对象提交表单及上传图片的方法， 本文实例讲述了php+html5使用FormData对象提交表单及上传图片的方法。分享给大家供大家...
相关标签：
php

大家都在看：

PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

PHP怎么学习？PHP怎么入门？PHP在哪学？PHP怎么学才快？不用担心，这里为大家提供了PHP速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：PHP获取一年中每个星期的开始和结束日期的方法_PHP教程 下一篇：php使用curl获取https请求的方法，phpcurl获取https_PHP教程
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
php代码如何使用面向对象编程_php代码OOP思想的实战应用 采用OOP可提升PHP代码的可维护性和复用性，本文介绍类与对象、构造析构函数、继承重写、封装控制、静态成员及接口多态六大核心特性，助力结构化开发。
2025-11-10 01:45:36
572
如何搭建WAMP环境以支持PHP开发的详细教程？ 首先下载并安装WAMPServer，启动服务后通过访问http://localhost验证运行状态，接着配置网站根目录与虚拟主机以支持多站点开发，然后通过phpMyAdmin管理MySQL数据库，最后创建test.php文件并访问以确认PHP解析功能正常。
2025-11-10 01:13:20
692
PHP如何获取当前日期和时间_PHP的date函数格式化日期时间详解 答案：使用PHP的date()函数可格式化输出当前时间，如date("Y-m-dH:i:s")返回"2025-04-0514:30:22"；需调用date_default_timezone_set("Asia/Shanghai")设置时区以确保准确；常用格式符包括Y、m、d、H、i、s等；也可结合time()获取时间戳或使用DateTime类进行更灵活的日期操作。
2025-11-09 23:59:07
833
php怎么用浏览器打开_PHP文件浏览器打开方法教程 PHP需服务器解析，直接打开会显示源码；02.安装XAMPP并启动Apache，将文件放入htdocs，通过http://localhost访问；03.VSCode可安装PHPServer插件右键运行；04.命令行执行php-Slocalhost:8000启动内置服务器预览。
2025-11-09 23:51:02
494
PHP代码怎么重构_PHP代码重构技巧及代码质量提升。 重构可提升PHP代码质量，通过提取函数实现类职责分离，增强可读性；应用工厂模式、依赖注入等设计模式优化结构；采用PSR-4命名空间与composer自动加载提升模块化；提取重复代码与常量降低维护成本；启用严格类型声明减少运行时错误。
2025-11-09 23:39:03
549
php代码图片处理慢怎么解决_php代码图片处理性能优化与加速技巧 使用ImageMagick替代GD、启用文件缓存与Redis状态记录、优化采样算法和内存释放、提升PHP内存限制并部署SSD服务器，可显著加快PHP图片处理速度。
2025-11-09 23:37:39
141
php程序怎么部署到slimapi_php程序slimapi轻量接口部署与运行环境配置方法 部署PHP程序到SlimAPI框架需先配置PHP7.4+、Web服务器及Composer，再通过Composer安装Slim并创建入口文件，配置Nginx或Apache重写规则，最后启动服务测试接口，建议优化安全设置。
2025-11-09 23:34:03
334
editplus怎么用php_EditPlus编辑器PHP代码编写与配置方法 首先配置文件类型与语法高亮，将.php关联到HTML模式并启用PHP着色；接着导入php.acp实现自动补全；然后通过用户工具添加PHP解释器路径以运行脚本；最后在输出窗口查看执行结果，确保环境变量正确。
2025-11-09 23:29:02
670
php怎么调试接口数据校验_php接口参数校验规则与错误提示调试方法 首先明确参数校验规则，包括必填字段、数据类型、格式及范围限制；通过isset、is_string等函数验证，并用filter_var校验邮箱等格式；校验失败时返回结构化错误信息，如{"code":400,"msg":"邮箱格式不正确","field":"email"}；开发中使用error_log、var_dump调试，结合Postman测试；封装validate函数统一处理规则，提升效率并减少重复代码。
2025-11-09 23:27:02
416
php ajax怎么用_PHP AJAX异步交互与动态数据加载方法 通过PHP与AJAX结合实现页面无刷新更新内容，首先使用原生JavaScript或jQuery发送异步请求，然后由PHP接收并处理数据，最后将响应结果动态插入页面。具体步骤包括：创建XMLHttpRequest对象或使用jQuery的$.ajax()方法；配置请求方式、URL及参数；设置请求头；定义成功回调函数更新DOM；PHP端验证请求方法、获取参数、设置响应头并输出HTML或JSON数据；结合事件监听实现点击加载更多或无限滚动功能。整个过程无需刷新页面，提升用户体验。
2025-11-09 23:21:02
619
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部