php教程|php手册
php,提交,上传,方法,
php教程-php手册
php+html5使用FormData对象提交表单及上传图片的方法,
米拓源码,vscode弹窗怎么设置,ubuntu 内核编译,tomcat 配置应用,宝塔面板安装sqlite,史上最全网页设计配色方案,php写入mysql数据库,服务器与虚拟主机的区别,bootstrap tab插件下载,微前端如何兼容不同框架,多网站爬虫,yaf php,教育seo,租户springboot,wordpress 标签 边栏,html5网站后台制作,html5 网页制作,ecstore模板,建站之星 后台,editplus主页面,网站模板管理系统,atm柜员机模拟程序lzw
FormData 对象,可以把form中所有表单元素的name与value组成一个queryString,提交到后台。在使用Ajax提交时,使用FormData对象可以减少拼接queryString的工作量。
手机端炸金花源码,魅族15 ubuntu,tomcat启动后项目乱码,国内爬虫工具,php高阶函数,seo教程零基础入门营销优化lzw
使用FormData对象
资深家教网源码,vscode显示导航栏,ubuntu 安装pae,将应用放入tomcat,爬虫小莉爬虫道陆龟,php vs .net,seo网络营销课程优化,绿色风格网站源码,室内设计网站模板lzw
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提交表单及上传文件:
复制代码 代码如下:
<!–
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;
}
–>
name:
gender:male female
photo:
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);
?>
运行效果下图例: