3

我发现HTTP PUT 请求最适合上传非常大的文件（1GB 或更多）。

该解决方案运行良好，我可以将我选择的任何文件上传到服务器。但是，我很难监控上传进度。

我已经实现了onprogress回调，但是在通过 PUT 上传文件后，这个回调只被调用一次。

我的 JavaScript 代码：

var req = createRequest();
req.open("PUT", "PHP/upload_file.php?folder=" + aUploadedFile.upload_folder + "&master_folder=" + settings.strServerSideMasterFolder + "&file_name=" + aUploadedFile.file_name);
req.setRequestHeader("Content-type", "text/plain");
req.onload = function (event)
{
    console.log("OnLoad Called: " + aUploadedFile.file_name);
}
req.onprogress = function (event)
{
    console.log("OnProgress Called: " + aUploadedFile.file_name);
}
req.send(aUploadedFile.file_object);
  • 当我希望通过 PUT 监控上传进度时，我有哪些选择？
  • 我是否应该建立另一个 JavaScript AJAX 调用来监视服务器上传文件的大小？
  • 有没有其他可行的解决方案？

我用：

  • HTML5
  • JavaScript
  • PHP
  • 阿帕奇

我不用：

  • jQuery

先感谢您。

4

1 回答 1

4

你试过xhr.upload.onprogress代替xhr.onprogress吗？

如果这也不起作用，您可以像您说的那样建立另一个 JavaScript AJAX 调用。最近，我做了一个上传系统，每行读取文件行，它需要显示一些关于上传的额外信息，而不仅仅是百分比，所以我做了这样的事情：

  • 主页向负责处理文件的文件发出 AJAX 请求
  • 在该文件中，我必须关闭连接，这样 AJAX 请求才能完成，但 PHP 脚本仍将运行，使用以下命令：
ob_start();
$file = tempnam('/tmp', uniqid()); // create a temp file to show status of the action
echo json_encode(array('file' => $file));
header('Content-length: '.ob_get_length());
header('Connection: close');
ob_end_flush();
flush(); // The AJAX request is completed here, but the script is still running...

function writeToFile($handle, $arr) {
    ftruncate($handle, 0); // empty file
    fwrite($handle, json_encode($arr));
}
$handle = fopen($file, 'w');
while (readLine($uploadedFile)) {
    // code to process line
    writeToFile($handle, array('progress' => $current / $total, 'action' => 'Reading...'));
}
// insert into database
writeToFile($handle, array('progress' => '100', 'action' => 'Inserting into database...'));
fclose($handle);
  • 在主页上，AJAX 请求将返回包含信息的文件的名称，因此我将创建几个对该文件的 GET 请求，使用setInterval方法

注意：在我的例子中，我创建了另一个 PHP 文件来显示进度文件的内容（带有file_get_contents），所以我可以在操作完成时手动删除该文件

于 2013-03-02T14:05:33.587 回答