程序博客网 > linux 链接文件夹

使用FormData对象提交表单及上传图片

来源：互联网发布：linux 链接文件夹编辑：程序博客网时间：2024/05/20 10:11

FormData 对象，可以把form中所有表单元素的name与value组成一个queryString，提交到后台。在使用Ajax提交时，使用FormData对象可以减少拼接queryString的工作量。

使用FormData对象

1.创建一个FormData空对象，然后使用append方法添加key/value

[javascript] view plain copy

print?

var formdata = new FormData();
formdata.append('name','fdipzone');
formdata.append('gender','male');

var formdata = new FormData();formdata.append('name','fdipzone');formdata.append('gender','male');

2.取得form对象，作为参数传入到FormData对象

[html] view plain copy

print?

<formname="form1"id="form1">
<input type="text"name="name"value="fdipzone">
<inputtype="text"name="gender"value="male">
form>

[javascript] view plain copy

print?

var form = document.getElementById('form1');
var formdata = new FormData(form);

var form = document.getElementById('form1');var formdata = new FormData(form);

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

[html] view plain copy

print?

>
<html>
<head>
<meta http-equiv="content-type"content="text/html; charset=utf-8">
<title> FormData Demotitle>
<script src="//code.jquery.com/jquery-1.11.0.min.js">script>
<script type="text/javascript">

0 0

linux 链接文件夹

linux 链接文件夹

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子于正旗下艺人名单琼瑶告于正侵权案胜诉于正艺人转账记录于正导演的作品于正发文怒怼黑粉于正为什么叫于妈于正澄清片酬传闻琼瑶诉于正案胜诉于正旗下艺人前女友回应沈泰打于正的真实原因于正旗下艺人琼瑶诉于正案于正怼易柏辰 h二次元此非孟德之困于周郎者乎言尽于此乌鲁克仍存于此于此情衷by拉面要加香菜此所谓战胜于朝廷此更新不适用于你的计算机此非孟德之困于周郎者乎句式于毅于毅老婆于毅结婚照于毅资料于毅个人资料于毅的老婆和孩子照片吴樾和于毅怎么那么像演员于毅的妻子只为遇见你于毅于毅结婚了吗于毅歌曲大全毒毒于氏于氏家谱于氏名字大全于洁于洁与老周新婚之夜于洋演员于洋于洋图片