Cómo SUBIR VARIOS ARCHIVOS con Javascript ARRASTRÁNDOLOS al navegador | Drag and Drop 

Gracias a vos por el comentario y apoyo. Saludos!

Hola, José Eso lo tendrías que agregar en el archivo upload.php que es el que recibe los archivos. Pero depende de cómo quieras guardar el archivo en la base de datos. Si querés tener el archivo en una columna del MySQL o si querés tener el archivo en una carpeta y guardar en el MySQL solo el nombre. Como sea, ambas soluciones sucederían adentro del foreach( ) que hace la subida de archivos. Si querés guardar solo la ruta al archivo en la base de datos, vos ya tenés la variable $nombre_real que tiene el nombre que estás usando para guardar las fotos. Ese valor lo usarías en la cadena de texto para hacer el INSERT a la base de datos: //esto iría en la línea 7 de upload.php: $consulta = "INSERT INTO la_tabla_que_sea SET ARCHIVO='$nombre_real', UNA COLUMNA='un valor', OTRA_COLUMNA='otro valor'"; //Y acá ejecutas tu consulta, sea por mysqli_query( ) o por PDO, según la librería que manejes. Si lo que querés guardar es el contenido del archivo en la base de datos, no haría falta que crearas la variable $nombre_real, ni hacer su move_uploaded_file. Directamente crearías las consulta SQL para hacer el INSERT, y en la columna del archivo (que debe ser del tipo de dato MEDIUMBLOB o LONGBLOB, según el tamaño de archivo máximo que aceptás) usar la función de MySQL LOAD_FILE( ) que está pensada para leer el contenido de un archivo, pasándole como ruta el tmp_name de la foto (pero OJO que la ruta debe ser con la barra "/" y no con la barra invertida "\"). //esto iría en la línea 7 de upload.php: $ruta_al_archivo = str_replace( "/", "\\", $tmp_name ); $consulta = "INSERT INTO la_tabla_que_sea SET ARCHIVO=LOAD_FILE('$ruta_al_archivo'), UNA COLUMNA='un valor', OTRA_COLUMNA='otro valor'"; //Y acá ejecutas tu consulta, sea por mysqli_query( ) o por PDO, según la librería que manejes. Pero en este caso ya deberías modificar la forma de recuperar el listado de archivos, porque el glob( ) no te va a servir (ya que las fotos no están físicamente en una carpeta del server, sino que tendrás que hacer la consulta SELECT FROM que traiga todos los archivos guardados). Saludos!

Muchas gracias

Hola, gracias por tus palabas. A ver son dos cambios los que tenés que hacer para que manden un solo archivo (tanto por el buscar como el droppear archivos). 1) Al input de tipo file, en el index.php, tenés que sacarle el atributo multiple. Eso va a hacer que solo pueda seleccionar UN solo archivo por ese medio. 2) En el caso del drag and drop, no podés limitar la cantidad de archivos que el usuario elije, pero sí la cantidad que vos agarrás del drop. Por ejemplo, obtener solo el primero de todos los files. Para esto, el segundo cambio sería en el script.js cambiar la línea que hace este for: for( let file of listado_archivos ){ FD.append( 'files[]', file); } Por appendear solo el primer elemento de listado_archivos (el indice 0), como te dejo a continuación: FD.append( 'files[]', listado_archivos[0]); Con eso solo vas a agregar un archivo al FormData. Sobre el tipo de archivo, no hay ninguna validación integrada para evitar que te manden txt o doc, o lo que sea. Vas a tener que modificar la etiqueta que creás al mostrar los uploads, porque yo muestro pero no podés pasarle como src="datos.txt" porque no va a saber qué hacer. Tal vez cambiarlo solo por una lista de nombres de archivos, sin el IMG. Espero te haya servido mi respuesta. Saludos!

Gracias Joaquín, abrazo!

Gracias a vos por el comentario y el apoyo, Homer!! Abrazo

Gracias por tus palabras baradone! Algún día seremos una legión de programadores explicando lo que aprendimos a hacer, que hayan encontrado su lugar en RU-vid (por ahora la plataforma nos esconde bajo la alfombra jajajaja). Saludos!

¡A vos, por pasar y comentar!