php 学习记录 formdata 文件上传 ajax html5

最新推荐文章于 2021-04-04 19:42:06 发布

代码修行者

最新推荐文章于 2021-04-04 19:42:06 发布

阅读量2.9k

点赞数

分类专栏： php 文章标签： php学习记录 ajax html5

本文链接：https://blog.csdn.net/xiaocabc/article/details/10813227

版权

php 专栏收录该内容

50 篇文章 0 订阅

订阅专栏

formdata

<html>
<head>
	<title></title>
	<script type="text/javascript">
		function send()
		{
			var form = document.getElementById('form');
			fdata = new FormData(form);
			XHR = new XMLHttpRequest();
			XHR.open('POST','formdata.php',true);
			XHR.onreadystatechange=function(){
				if(XHR.readyState == 4)
				{
					document.getElementById('response').innerHTML=XHR.responseText;
				}
			};
			XHR.send(fdata);
		}

	</script>
</head>
<body>
	<form id='form'>
		username<input type='text' name='username'/><br />
		password<input type='text' name='password'/><br />
		age<input type='text' name='age'/><br />
		sex<input type='text' name='sex'/><br />
		<input type='button' value='申请' οnclick='send();'/>
	</form>
	<div id='response'></div>
</body>
</html>

fileup ajax文件上传 html5

<html>
<head>
	<title></title>
	<script type="text/javascript">
	function up()
	{
		var file = document.getElementsByName('pic')[0].files[0];
		var formdata = new FormData();
		formdata.append('file',file);

		XHR = new XMLHttpRequest();
		XHR.open('POST','fileup.php',true);
		XHR.onreadystatechange=function(){
			if(XHR.readyState == 4)
			{
				document.getElementById('response').innerHTML = XHR.responseText;
			}
		};
		XHR.send(formdata);
	}
	</script>
</head>
<body>
	<input type='file' name='pic' οnchange='up();'/>
	<div id = 'response'></div>
</body>
</html>

php

	var_dump($_POST);

代码修行者

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
php 学习记录 formdata 文件上传 ajax html5

formdata function send() { var form = document.getElementById('form'); fdata = new FormData(form); XHR = new XMLHttpRequest(); XHR.open('POST','formdata.php',true); XHR.onready
复制链接

扫一扫