Mostrar los tags: soltar

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)

Este código muestra como arrastras y soltar imágenes para completar un simple "puzzle" con javascript. Una vez las imágenes estas colocadas correctamente, nos indica que se ha completado.

Muestra como utilizar los eventos dragstart, dragenter, dragover, dragleave y drop, que se utilizan para arrastrar cualquier elemento por el navegador del PC.

Función DragDrop sin destellos ni recuadro punteado.

Sirve para todos los controles.

Se añade un Módulo para hacer transparente un Picture y que se ajuste a la imagen.

Los dos códigos los encontré en foros de Visual Basic en la Red.

Este código muestra como es posible arrastras un elemento por la pantalla de un smartphone (móvil) o tablet por encima de cualquier otro elemento utilizando touch.



Aquí tienes la versión para navegador de escritorio:
https://www.lawebdelprogramador.com/codigo/JavaScript/4285-Arrastrar-y-soltar-un-elemento-por-la-pantalla-de-un-PC-con-JavaScript.html

Puedes obtener mas información sobre los eventos touch en: https://developer.mozilla.org/es/docs/DOM/Touch_events

Este código muestra como es posible arrastras un elemento por la pantalla por encima de cualquier otro elemento.



Aquí tienes la versión para móviles y tablets:
https://www.lawebdelprogramador.com/codigo/JavaScript/4846-Arrastrar-y-soltar-un-elemento-por-la-pantalla-para-moviles-y-tablets-con-JavaScript.html

Este código muestra como arrastrar y soltar un elemento (Drag & Drop) de una lista