思路：只要我们知道上传文件的总大小，还有上传过程中上传文件的大小，那么就可以实现进度显示了。

在html5中，XMLHttpRequest对象，传送数据的时候，progress事件用来返回进度信息。

 

它分成上传和下载两种情况

1.下载的progress事件属于XMLHttpRequest对象

2.上传的progress事件属于XMLHttpRequest.upload对象。

 

与progress事件相关的，还有其他五个事件： 

1.load事件：传输成功完成。

2.abort事件：传输被用户取消。

3.error事件：传输中出现错误。

4.loadstart事件：传输开始。

5.loadEnd事件：传输结束，但是不知道成功还是失败。 

upfile.php代码如下：

如果上传过程中PHP出现如下信息：

Warning: POST Content-Length of 625523488 bytes exceeds the limit of 8388608 bytes in Unknown on line 0

说明文件大小超出了PHP设置限制，可以设置php.ini

;脚本解析输入数据(类似 POST 和 GET)允许的最大时间，单位是秒。 ;它从接收所有数据到开始执行脚本进行测量的。max_input_time = 60;允许客户端单个POST请求发送的最大数据post_max_size = 64M;是否开启文件上传功能file_uploads = On;文件上传的临时存放目录(如果不指定，使用系统默认的临时目录);upload_tmp_dir =;允许单个请求上传的最大文件大小upload_max_filesize = 64M;允许单个POST请求同时上传的最大文件数量max_file_uploads = 20