后端开发|php教程
php,html5,FormData对象,提交表单,上传图片,方法
后端开发-php教程
站长目录网站源码,ubuntu 查看根目录,虚拟机下测试tomcat,go爬虫项目,php是不是不如go,seo词属性lzw
FormData 对象,可以把form中所有表单元素的name与value组成一个queryString,提交到后台。在使用Ajax提交时,使用FormData对象可以减少拼接queryString的工作量。
易语言 音乐源码,vscode调用nginx,如何在ubuntu上卸载,tomcat 7 32,安卓sqlite实验,wordpress插件的使用,移动端前端框架js,蜘蛛软件爬虫下载,微信h5支付 php,淘宝seo优化是真的吗,后台网站,html5网页模板期末作业,cms商城模板免费下载,投票页面代码下载,志愿者管理系统源代码百度云,淘宝平台源码程序lzw
使用FormData对象
手机微信营销系统源码,vscode增强编辑插件,ubuntu 使用手册,tomcat birt,sqlite数据库版本发生变化,怎么用网页设计做纪念网页,织梦数据库文件在哪里,服务器攻击500g多少钱,dede心情插件,深度学习框架前端后端教程外包,爬虫sse,php 三级分销,青岛seo优化公司,控制springboot启动,html base标签 坏处,网站采集教程,手机端网页菜单栏,cms模板演示,ecshop后台权限,会员展示页面,数据库 小区物业管理系统,赚宝客程序源码lzw
1.创建一个FormData空对象,然后使用append方法添加key/value
var formdata = new FormData();
formdata.append( ame,fdipzone);
formdata.append(gender,male);
2.取得form对象,作为参数传入到FormData对象
var form = document.getElementById(form1);
var formdata = new FormData(form);
使用FormData提交表单及上传文件:
<!--
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 += ame= + ret[ ame] +
;
result += gender= + ret[gender] +
;
result += \;
$(#result).html(result);
}else{
alert(提交失敗);
}
});
return false;
}
-->
name:
gender:male female
photo:
server.php如下:
<?php
$name = isset($_POST[ ame])? $_POST[ ame] : \;
$gender = isset($_POST[gender])? $_POST[gender] : \;
$filename = time().substr($_FILES[photo][ ame], strrpos($_FILES[photo][ ame],.));
$response = array();
if(move_uploaded_file($_FILES[photo][ mp_name], $filename)){
$response[isSuccess] = true;
$response[ ame] = $name;
$response[gender] = $gender;
$response[photo] = $filename;
}else{
$response[isSuccess] = false;
}
echo json_encode($response);
?>
运行效果下图例:
如果觉得《php+html5使用FormData对象提交表单及上传图片办法【PHP】》对你有帮助,请点赞、收藏,并留下你的观点哦!