Arrastrar y soltar
Un patrón de interfaz que permite a los usuarios cargar archivos arrastrándolos desde el escritorio directamente a una zona de destino del navegador, sin necesidad de diálogos de archivos.
Arrastrar y soltar permite a los usuarios transferir archivos directamente desde su escritorio o administrador de archivos a una aplicación web. Combinando la API de Drag and Drop de HTML5 con la API de archivos se permite una entrada de archivos intuitiva sin abrir un diálogo de selección de archivos.
La implementación escucha los eventos dragover, dragleave y drop, obteniendo objetos File de event.dataTransfer.files. La retroalimentación visual (resaltado de la zona de destino) y la validación del tipo de archivo (rechazar archivos que no son imágenes) proporcionan una guía clara al usuario.
Las herramientas de procesamiento por lotes soportan la carga simultánea de múltiples archivos, y algunas implementaciones aceptan carpetas completas. Todas las herramientas de este sitio, incluyendo la herramienta de compresión de imágenes, soportan la entrada de archivos por arrastrar y soltar.