Basado en este código como podría modificarlo, para que me "carge" archivos, y que no dependa de un formulario, se pretende evitar la carga del formulario, y que solo tome el archivo y lo envié a la función en php que se encarga de subirlo al servidor.
document.addEventListener("DOMContentLoaded",() =>{
let form = document.getElementById('form_subir');
form.addEventListener("submit", function (event){
event.preventDefault();
subir_archivos(this,enviarParametros(ruta_archivo,tamanio_archivo,extension_archivo));
});
});
function subir_archivos(form, enviarParametros) {
let barra_estado = form.children[1].children[0],
span = barra_estado.children[0],
boton_cancelar = form.children[2].children[1];
barra_estado.classList.remove('barra_verde','barra_roja');
//Petición
let peticion = new XMLHttpRequest();
let datos = new FormData(form);
datos.append("parametros", JSON.stringify(enviarParametros));
//datos.append("archivo");
//Progreso
peticion.upload.addEventListener("progress",(event) =>{
let porcentaje = Math.round((event.loaded / event.total) * 100);
console.log(porcentaje);
barra_estado.style.width = porcentaje+'%';
span.innerHTML = porcentaje+'%';
});
//Finalizado
peticion.addEventListener("load",() => {
barra_estado.classList.add('barra_verde');
span.innerHTML = "Proceso Completado";
});
//Enviar Archivo
peticion.open('post','subir.php');
const url = 'subir.php';
const files = document.getElementById('archivo').files
const formData = new FormData()
for (let i = 0; i < files.length; i++) {
let file = files[i];
formData.append('files[]', file);
formData.append('parametros', ruta_archivo);
formData.append('parametros', tamanio_archivo);
formData.append('parametros', extension_archivo);
peticion.send(datos);
}
fetch(url, {
method: 'POST',
body: formData,
data: datos,
}).then(response => {
return response.text();
}).then(data => {
console.log(data);
});
//Boton Cancelar
boton_cancelar.addEventListener("click", () => {
peticion.abort();
barra_estado.classList.remove('barra_verde');
barra_estado.classList.add('barra_roja');
span.innerHTML = "Proceso Cancelado";
});
}
En el Header me regresa esto: [object FileList] y al chequearlo en el preview solo veo esto Array ( ), supongo que puede traer un valor pero no imprime nada en pantalla.
Se agradece la ayuda. Gracias
Ya revisado como indico el compañero Triby envia los datos de manera correcta y se reciben en el PHP este es el codigo mas simple que tengo para procesar el archivo...
<?php
$enviarParametros = json_decode($_POST['parametros'],true);
$ruta = $enviarParametros['ruta']; <<-- Aquí recibe el parametro sin problema..
$extensiones = $enviarParametros['extension']; <-- Aquí recibe el parametro sin problema..
$tamanio = $enviarParametros['tamanio']; <-- Aquí recibe el parametro sin problema..
if(!empty($_FILES)) {
$archivo_nombre = $_FILES['archivo']['name'];
$archivo_tamanio = $_FILES['archivo']['size'];
$archivo_tipo = $_FILES['archivo']['type'];
$archivo_nombre_temporal = $_FILES['archivo']['tmp_name'];
$array = explode(".", $archivo_nombre);
$archivo_extension = end($array);
$cambiar_nombre = null;
$cambiar_nombre = sha1("ArchivoNuevo" . rand(0, 10000000));
$archivo_nombre = $cambiar_nombre . "." . $archivo_extension;
$archivo_nombre = preg_replace('/ /', '_', $archivo_nombre);
$archivo_nombre = preg_replace('/%20/', '_', $archivo_nombre);
$archivo_nombre = preg_replace('/:/', '_', $archivo_nombre);
move_uploaded_file($archivo_nombre_temporal, $ruta. $archivo_nombre); <<-- Esta linea es la única que si funciona el archivo es dirigido a donde se indica.
}
En cambio si agrego la sientes lineas:
if (in_array($archivo_extension, $extensiones)) <<--- Aquí me indica que: Warning: in_array() expects parameter 2 to be array, string given in C:\xampp\htdocs\Subir_archivos\subir.php on line <i>35</i>
{
// No entra y no ejecuta esta linea....
move_uploaded_file($archivo_nombre_temporal, $ruta. $archivo_nombre);
}
var_dump($extensiones);
para ver lo que estás recibiendo.if ($archivo_extension == $extensiones)