我发现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
- Apache
我不使用:
- jQuery
提前谢谢你。
最佳答案
你试过用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 请求将返回包含信息的文件的名称,因此我将使用
setInterval
方法创建几个对该文件的 GET 请求
注意:在我的例子中,我创建了另一个 PHP 文件来显示进度文件的内容(使用 file_get_contents
),所以我可以手动删除它操作完成时的文件
关于php - HTTP PUT 请求 - 进度条实现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15173641/