运维|linux运维
FormData,提交,表单
运维-linux运维
在H5中利用FormData表单数据对象，可以把form表单中所有表单元素的name与value组成一个请求字符串，提交到后台。可通过js用一些键值对来模拟一系列表单控件，还可以使用XMLHttpRequest的send()方法异步提交表单。
hook api源码,vscode team,ubuntu 目录切换,tomcat 6.0,sqlite 文件 最大,国内网站放国外服务器,shopex安装插件,前端框架搜索模块,爬虫 入门,python是php吗,暗链seo,网站源代码怎么放入 dede网站后台,ajax网页聊天室代码,图像模板匹配法 c 实现,wordpress 页面 跳转,友点企业网站管理系统模板下载,云台控制程序lzw
无刷新方式收集表单数据
用户名 :
html5移动 源码下载,vscode缩小代码界面,ubuntu 切换时区,tomcat顶级域名,易语言sqlite中文排序,服装销量的爬虫软件有哪些,php 数组是否相等,漳州seo优化服务,仿生活家家居网站源码,下雨 网页,banner 切换效果模板lzw
密 码 :
今日头条类型的网站源码,自己部署云端vscode,ubuntu有wps,html发布tomcat,js连接sqlite3,zui前端框架有进度条吗,利用爬虫获取html网页的代码,php 清空cookie,热门seo推广排,最好的模板网站,应用网页源码,php 加载模板文件lzw
邮 箱 :
头 像 :
表单中有普通的text字符提交，也有file文件提交，使用FormData对象可以全部获取到表单域数据。
var fm = document.getElementsByTagName("form")[0];var himg = document.getElementById("headimg");fm.addEventListener("submit",function(e){//使用 FormData 表单数据对象,收集表单数据//var fdata = new FormData(fm);//收集fm的表单信息var fdata = new FormData(this);//收集fm的表单信息var xhr = new XMLHttpRequest();xhr.onreadystatechange = function(){if(xhr.readyState == 4 && xhr.status == 200){var msg = xhr.responseText;eval("var return_obj = "+msg);//将返回的json字符串转化为对象console.log(return_obj);if(return_obj.status){himg.setAttribute(src,return_obj.data.headimg);himg.setAttribute(style,display:block);}else{alert(return_obj.data);}}}xhr.open(post,data.php);xhr.send(fdata);e.preventDefault();//阻止浏览器默认动作});
data.php
0) exit(json_encode(array(status=>0,data=>文件异常)));$save_path = ./upload/.date(Ymd)./;if(!is_dir($save_path)){mkdir(iconv("GBK","UTF-8",$save_path),0777,true); }$name = $file[ ame];$true_name = $save_path.$name;$upres = move_uploaded_file($file[ mp_name],$true_name); //修改文件存储位置if($upres){$data[headimg] = $true_name;echo json_encode(array(status=>1,data=>$data));}else{echo json_encode(array(status=>0,data=>upload error));}
