PHP+Ajax实现上传文件进度条动态显示进度

最新推荐文章于 2021-08-05 23:41:39 发布

php小学一年级生

最新推荐文章于 2021-08-05 23:41:39 发布

阅读量3.2k

点赞数 1

本文链接：https://blog.csdn.net/l269798518/article/details/80555422

版权

本文介绍如何使用PHP和Ajax实现文件上传过程中进度条的动态显示，特别提醒需注意PHP配置文件中对上传文件大小的限制，以及如何通过修改php.ini调整这些限制。

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

说个前提：PHP配置文件中规定默认上传文件大小限制2M以下，如需上传大文件需同时更改php.ini中的upload_max_filesize和max_execution_time以及post_max_size的值。

主界面以及Ajax实现：index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>上传文件</title>
	<script type="text/javascript">
		function sub() {
			var obj = new XMLHttpRequest();
			obj.onreadystatechange = function() {
				if (obj.status == 200 && obj.readyState == 4) {
					document.getElementById('con').innerHTML = obj.responseText;
				}
			}

			// 通过Ajax对象的upload属性的onprogress事件感知当前文件上传状态
			obj.upload.onprogress = function(evt) {
				// 上传附件大小的百分比
				var per = Math.floor((evt.loaded / evt.total) * 100) + "%";
				// 当上传文件时显示进度条
				document.getEl