
Ejemplo de arrastrar y soltar archivos (drag and drop) con PHP y JavaScript
PHP





Publicado el 29 de Abril del 2020 por Joel (150 códigos)
8.386 visualizaciones desde el 29 de Abril del 2020
Ejemplo que muestra como arrastrar y soltar archivos en una pagina web, y enviar-los al servidor y mover-los a una carpeta especificada.
El código muestra los archivos que se han subido con un icono que indica si se están subiendo, si se ha subido correctamente, o si ha habido algún error.
Los archivos se envían por AJAX uno a uno al servidor, y el servidor va devolviendo un JSON indicando si se ha podido subir correctamente o si ha habido algún problema.

Controla que el archivo no exista ya en la carpeta destino, y que la extensión del mismo no sea .php (por temas de seguridad)
El código muestra los archivos que se han subido con un icono que indica si se están subiendo, si se ha subido correctamente, o si ha habido algún error.
Los archivos se envían por AJAX uno a uno al servidor, y el servidor va devolviendo un JSON indicando si se ha podido subir correctamente o si ha habido algún problema.

Controla que el archivo no exista ya en la carpeta destino, y que la extensión del mismo no sea .php (por temas de seguridad)