⭐ Arrastrar y soltar el cargador de archivos en Vanilla JavaScript ✅ TodoCodigo.net

Vista prévia

Un componente de JavaScript Vanilla para crear un hermoso cargador de archivos drag'n ' Drop con vista previa de la imagen.

Descargue el paquete e importe el componente arrastrar y soltar archivo Uploader en el documento.

import { DragAndDrop } from "./components/drag-and-drop/drag-and-drop.js";

Importe la hoja de estilos necesaria en el documento.

@import url("./components/drag-and-drop/drag-and-drop.css");

Cree un elemento de marcador de posición para el cargador de archivos.

<div id="drag-and-drop"></div>

Inicialice el cargador de archivos drag'n ' Drop y listo.

const element = document.querySelector("#drag-and-drop");
const dragAndDrop = new DragAndDrop(element);
dragAndDrop.run();