Ajax实现多文件上传

最新推荐文章于 2021-08-05 17:08:43 发布

墨染&殇泪

最新推荐文章于 2021-08-05 17:08:43 发布

阅读量1.6k

点赞数

本文链接：https://blog.csdn.net/qq_42216575/article/details/89743540

版权

本文介绍了如何利用Ajax技术结合HTML和PHP实现多文件上传的功能。通过HTML表单收集文件，然后使用Ajax异步发送到服务器，服务器端使用PHP处理文件上传并返回结果。

摘要由CSDN通过智能技术生成

html代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>多文件上传</title>
	</head>
	<body>
		<label for="multiFile">请选择需要上传的多个文件:<label>
		<input type="file" name="multiFile[]" id="multiFile" multiple />
		<button id="btn">上传</button>
		
		<script>
			document.getElementById('btn').onclick=function(){
				if(window.XMLHttpRequest){
					var xhr = new XMLHttpRequest();
				} else {
					var xhr = new ActiveXObject('Microsoft XMLHTTP');
				}
				
				xhr.open('POST','http://localhost/demo/input1/file.php','true');
				xhr.setRequestHeader('X-Requested-With','XMLHttpRequest');
				var formData = new FormData();
				var files = document.getElementById('multiFile').files;
				//console.log(files);
				for(var i

最低0.47元/天解锁文章

墨染&殇泪

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Ajax实现多文件上传

html代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>多文件上传</title> </head> <body> <label for="multiFile">请选择需要上传的多个文件:&l...
复制链接

扫一扫