【发布时间】:2016-07-02 22:10:27
【问题描述】:
出于教育目的,我想创建文件块上传。你们怎么知道什么时候所有的块都上传了?
我试图从temp 中移动块并重命名它们以使它们的顺序正确,然后与最后一个块将它们合并在一起。但是,我猜最后发送的不是最后收到的。所以 fopen() 在块上失败,因为它们还没有创建,我得到的最终文件的大小与最后一个块的大小完全相同。
我相信我可以在xhr 上使用.onload 事件逐个发送块,这样我什至不必将它们从PHP temp 中移出,但我想知道是否有不同的解决方案。
一些基本的代码来取悦你:
function upload(file) {
var BYTES_PER_CHUNK = parseInt(2097152, 10),
size = file.size,
NUM_CHUNKS = Math.max(Math.ceil(SIZE / BYTES_PER_CHUNK), 1),
start = 0, end = BYTES_PER_CHUNK, num = 1;
var chunkUpload = function(blob) {
var fd = new FormData();
var xhr = new XMLHttpRequest();
fd.append('upload', blob, file.name);
fd.append('num', num);
fd.append('num_chunks', NUM_CHUNKS);
xhr.open('POST', '/somedir/upload.php', true);
xhr.send(fd);
}
while (start < size) {
chunkUpload(file.slice(start, end));
start = end;
end = start + BYTES_PER_CHUNK;
num++;
}
}
还有 PHP:
$target_path = ROOT.'/upload/';
$tmp_name = $_FILES['upload']['tmp_name'];
$filename = $_FILES['upload']['name'];
$target_file = $target_path.$filename;
$num = $_POST['num'];
$num_chunks = $_POST['num_chunks'];
move_uploaded_file($tmp_name, $target_file.$num);
if ($num === $num_chunks) {
for ($i = 1; $i <= $num_chunks; $i++) {
$file = fopen($target_file.$i, 'rb');
$buff = fread($file, 2097152);
fclose($file);
$final = fopen($target_file, 'ab');
$write = fwrite($final, $buff);
fclose($final);
unlink($target_file.$i);
}
}
【问题讨论】:
标签: javascript file-upload chunks