我正在进行文件上传,以上传最大2GB的大文件。因此,我需要确保即使在浏览器崩溃或其他事情后下载也会恢复。 resumable.js看起来非常有希望,所以我尝试了一下:
<a href="#" id="browseButton">Select files</a>
<!-- JAVASCRIPT -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/resumable.js"></script>
<script>
var r = new Resumable({
target: "upload.php"
});
r.assignBrowse(document.getElementById("browseButton"));
r.on('fileAdded', function(data) {
// File added, start uploading
r.upload();
});
r.on('fileProgress', function(data) {
console.log(Math.floor(r.progress()*100) + '%');
});
</script>
对于我的upload.php(从块中创建文件)我使用了这个php后端示例:https://github.com/23/resumable.js/blob/master/samples/Backend%20on%20PHP.md
上传工作正常,甚至是大文件,但如果我意外关闭了打开的标签或浏览器,我找不到任何有用的恢复下载。 php后端脚本似乎已经实现了一些功能:
//check if request is GET and the requested chunk exists or not. this makes testChunks work
if ($_SERVER['REQUEST_METHOD'] === 'GET') {
$temp_dir = 'temp/'.$_GET['resumableIdentifier'];
$chunk_file = $temp_dir.'/'.$_GET['resumableFilename'].'.part'.$_GET['resumableChunkNumber'];
if (file_exists($chunk_file)) {
header("HTTP/1.0 200 Ok");
} else
{
header("HTTP/1.0 404 Not Found");
}
}
这将允许在浏览器重启后甚至可以恢复上传 跨浏览器(理论上你甚至可以运行相同的文件上传 跨多个标签或不同的浏览器)。 POST数据请求 列出的是要求使用Resumable.js来接收数据
但由于我在服务器端编程/配置方面不太好,我不确定如何实现该功能/检查是否有可以恢复的上传。有没有人遇到类似的问题,可以解释一下如何在浏览器重启后恢复下载?
答案 0 :(得分:0)
您可以使用this package
在 examples / js-examples / resumable-chunk-upload 示例中,您可以关闭并重新打开浏览器,然后恢复未完成的上传。