700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > php+html5使用FormData对象提交表单及上传图片办法

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

时间:2022-08-20 11:25:48

相关推荐

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

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提交表单及上传文件:

复制代码 代码如下:

FormData Demo

<!–

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);

?>

运行效果下图例:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。