php+http://put,php-HTTP PUT请求-进度栏实现

我发现HTTP PUT Request最适合非常大的文件上传(1GB或更大).

该解决方案效果很好,我可以将自己选择的任何文件上传到服务器.但是,我很难监视上传进度.

我已经实现了onprogress回调,但是通过PUT上传文件后,该调用仅被调用一次.

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的

先感谢您.

解决方法:

您是否尝试过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),因此可以在操作完成后手动删除该文件.

标签：ajax,file-upload,put,javascript,php

来源： https://codeday.me/bug/20191031/1973841.html