Estoy tratando de hacer un chunk uploader, haciendo que si un archivo pesa más de 5000bytes, lo fragmente y lo mande poco a poco a la carpeta de destino. Pero estoy atascado en una parte en la que, según la docu, debería ser así, pero el contenido que lee del archivo es 0.
if (isset($_FILES['file1']) /*&& $_FILES['file1']['error'] === UPLOAD_ERR_OK*/){
// detalles del archivo
$fileTmpPath = $_FILES['file1']['tmp_name'];
$fileName = $_FILES['file1']['name'];
$fileSize = $_FILES['file1']['size'];
$fileType = $_FILES['file1']['type'];
$fileNameCmps = explode(".", $fileName);
$fileExtension = strtolower(end($fileNameCmps));
$chunk_size = 5000;
$upload_start = 0;
// verificador de extensiones
$allowedfileExtensions = array('jpg', 'gif', 'png', 'zip', 'txt', 'xls', 'doc', 'pdf', '7z', 'mp4', 'img', 'php', 'iso');
if (in_array($fileExtension, $allowedfileExtensions)){
// directory in which the uploaded file will be moved
$uploadFileDir = 'archivos_aaron_pruebas/';
$dest_path = $uploadFileDir . $fileName;
if($fileSize < $chunk_size){//Comprueba si tiene mas de 5MB
$handle = fopen($fileName, "r");
$fp = fopen($dest_path, "w");
$contents = fread($dest_path, $chunk_size);
fwrite($fp, $contents);
$upload_start += strlen($contents);
die('contenido leido: '.$contents.'->'.$upload_start);
fseek($handle, $upload_start);
fclose($handle);
fclose($fp);
$message = 'Archivo desfragmentado y reacoplado correctamente.';
} else {
if(move_uploaded_file($fileTmpPath, $dest_path)){//Mueve archivo al directorio
$message ='Archivo subido correctamente.';
} else {
$message = 'Error al subir el archivo.';
}
}
}
¿Qué es lo que tengo mal? Nunca llega a escribir nada....
[EDIT]
Acabo de cambiar el js con la pregunta de ejemplo que me puso @Triby, pero solo ha conseguido que me haga más lío. Ahora ni siquiera se cómo funciona:
Declaré variables globales, dentro de las funciones las asigné los valores.
Iteré todos los files que meto en los input, esto funciona correctamente.
Cuando, dentro de la función selectFile
llego a la parte de las request, SI COMENTO LA PARTE DE ABAJO, no funciona, no se mandan los eventos. Pero si no la comento, me sube los archivos VACÍOS.
//editado
Y en el PHP tengo lo siguiente:
$target_path = 'archivos_aaron_pruebas/';
$tmp_name = $_FILES['file1']['tmp_name'];
$size = $_FILES['file1']['size'];
$name = $_FILES['file1']['name'];
$sports = $_GET['file'];
$part =(string)$_GET['num'];
//$part = split("/\=/", $part);
$target_file = $target_path .$part. $sports;
// Open temp file
$out = fopen($target_file, "wb");
if ( $out ) {
// Read binary input stream and append it to temp file
$in = fopen($tmp_name, "rb");
if ( $in ) {
while ( $buff = fread( $in, 1048576 ) ) {
fwrite($out, $buff);
}
}
fclose($in);
fclose($out);
}
¿Qué es lo que estoy haciendo mal? No entiendo nada ya.
[EDIT 2]
Ya he conseguido hacer, gracias a respirar profundamente una hora, que se suba el primer 1MB del archivo que mande (pruebo con uno de 7.3MB).
A la hora de subirlo, este entra en bucle y comienza a hacer chunks del mismo archivo una y otra y otra vez. Cuando llega a los 6MB, para, y vuelve a empezar de 0 (ahí el bucle), pero no se en qué punto para por mi error:
var x, xhr, chunk, txt, start, part, BYTES_PER_CHUNK, end;
function selectFile(){
let file = _("file1");
if('files' in file){
for(let i=0;i < file.files.length;i++){
x = file.files[i];
start = 0;
part = 0;
BYTES_PER_CHUNK = 1048576;
//despliegue del temp
txt = createElement();
document.body.append(txt);
//logs
if ('name' in x) {
txt.getElementsByClassName('txt_file_name')[0].innerHTML = '<strong>Name:</strong> '+x.name;
}
if ('size' in x) {
txt.getElementsByClassName('txt_file_size')[0].innerHTML = '<strong>Size:</strong> '+x.size;
}
let bar = txt.getElementsByClassName('progressBar')[0];
//request
xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress",(event)=>{uploadProgress(event, bar)}, false);
xhr.addEventListener("load", uploadComplete, false);
xhr.addEventListener("error", uploadFailed, false);
xhr.addEventListener("abort", uploadCanceled, false);
uploadFile(x, part);
}
}
}
function uploadFile(chunkFile, part){
xhr.open("POST", "upload.php"+"?"+"file="+x.name+"&num=" + part);
//xhr.setRequestHeader('Cache-Control','no-cache');
let fd = new FormData();
fd.append("file1", chunkFile);
xhr.send(fd);
return;
}
function uploadComplete(evt) {
start = 0;
end = BYTES_PER_CHUNK;
part = 0;
while( start < x.size ) {
console.log(start);
chunk = x.slice(start, end);
uploadFile(chunk, part);
start = end;
end = start + BYTES_PER_CHUNK;
part++;
}
}
function uploadProgress(event, bar) {
_("loaded_n_total").innerHTML = "Uploaded " + event.loaded + " bytes of " + event.total;
let percent = (event.loaded / event.total) * 100;
bar.value = Math.round(percent);
_("status").innerHTML = Math.round(percent) + "% uploaded... please wait";
}
function uploadFailed(event) {
_("status").innerHTML = "Upload failed";
}
function uploadCanceled(event) {
_("status").innerHTML = "Upload canceled";
}
function createElement(){
let dv = document.createElement('div');
dv.setAttribute('class', 'demo');
let p1 = document.createElement('p');
p1.setAttribute('class', 'txt_file_name');
let p2 = document.createElement('p');
p2.setAttribute('class', 'txt_file_size');
let pr = document.createElement('progress');
pr.setAttribute('class', 'progressBar');
pr.setAttribute('value', '0');
pr.setAttribute('max', '100');
dv.append(p1);
dv.append(p2);
dv.append(pr);
return dv;
}
function _(el) {
return document.getElementById(el);
}