HTTP PUT请求 - 进度条实施

Question

我发现HTTP PUT请求IST最适合非常大的文件上传（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的

预先感谢您。

Answer 1

你试过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），因此我可以在操作完成时手动删除该文件。