跟踪上传进度PHP和JavaScript

一直困扰着web开发人员多年的一个问题是如何实时信息添加到自己的应用程序，如文件上传进度条。 用户没有耐心，他们不想坐等，而浏览器是做什么，不知是否已冻结或者，如果他们有一个缓慢的连接。 提供了一个进度指示器为用户提供有用的信息，并让他们知道到底发生了什么事情。

在第一个想到的，你可能会认为完成这可以很容易地通过首先获得从用户的计算机中的文件的大小，然后进行一些简单的计算对目录下的文件被上传到服务器上完成。 关于第二个想法，你会发现事情并没有想象中的那么简单。

JavaScript可以访问一个文件的名称，类型，甚至宽度和本地图像的高度，但它不是直到HTML5，它可以访问一个文件的大小 。 不幸的是，HTML5仍然是一个没有完成的标准还没有，而不是统一在所有浏览器都支持。另一种解决方案是依靠一个Flash，Java或安装ActiveX插件，不，谢谢，我会通过。 另一种解决方案是安装可选PHP缓存扩展，但根据您的托管环境中可能无法使用，这似乎有点小题大做，这样一个小任务，比如这个。

这似乎就像所有的选项都充满了滋扰，任务已经迅速成为一个头痛的问题。 但在尤达的话来说，“没有......还有一个。”

其中的原因有很多我喜欢PHP的是，它使看似困难的任务很容易。 在PHP 5.4中，他们已经再次用一组新的配置选项，做到了session.upload_progress 。

立即学习“PHP免费学习笔记（深入）”；

在本文中，我将向您展示如何这个功能可以被用来创建一个简单的上传进度条没有任何外部库或浏览器的依赖。 我将首先讨论它是如何工作的，然后我会引导您完成创建完成的任务（一个上传表单，一些JavaScript，一点点CSS和文件返回载的状态）所需的四个文件。

会议上传进度

除了通常的要求，以允许文件上传，还有两个来跟踪进度。 该session.upload_progress.enabled指令必须被启用，并且必须有一个隐藏字段中的Web表单与指定的名称session.upload_progress.name指令。当session.upload_progress.enabled是真实的（因为它是在默认情况下在PHP 5.4及想必以后）和$_POST[session.upload_progress.name ]中关于文件的传输上载，信息发送是可用的$_SESSION超全局数组。

该print_r()输出的$_SESSION数组看起来类似于下面的一个文件传输过程中：

排列  （  [upload_progress_myForm] =>阵列  （  [START_TIME] => 1323733740  [CONTENT_LENGTH] => 721127769  [bytes_processed] => 263178326  [完成] =>  [文件] =>阵列  （  [0] =>阵列  （  [FIELD_NAME] => USERFILE  [名称] =>的ubuntu-10.04.3-桌面i386.iso  [tmp_name的值] =>  [错误] => 0  [完成] =>  [START_TIME] => 1323733740  [bytes_processed] => 263178026  ）  ）  ）  ）

当你在开发本地或快速网络上，并上传小文件，您将无法以目视观察进度，因为转移发生的这么快。 在这种情况下，你可能想尝试传输大文件。 请确保在您设置php.ini文件，允许较大的上载，特别是post_max_size和upload_max_filesize指令，然后确认他们是理智的值时，你去生产。

创建窗体

我将介绍的第一个文件是上传表单。 只是为了让事情尽可能简单，这个例子将张贴到本身只能处理一个文件上传的时间。 此外，我不会打扰保存该文件已被上传后。

下面是代码form.php ：

<？PHP
如果（$ _SERVER [ “REQUEST_METHOD” ] == “POST” &&！空（$ _FILES [ “userfile的” ]））{
    / / move_uploaded_file（）以
}
？>