drag-drop-file-utils v1.1.0

Drag-drop-file-utils

Simple drag-drop-file helper library to use with vanilla js or any javascript framework. The library is flexible since it only set up the boiler plate for basic file drag-drop

Demo

Installation

Install it from npm (using NPM).

npm i --save drag-drop-file-utils

Usage

HTML

<div id="drop-container">
  <input type="file" id="drop-file-input" multiple />
</div>

JS

import { DragDropFile } from "drag-drop-file-utils";

const dropContainer = document.querySelector("#drop-container");

const dragEvents = {
  onDragDrop: (e) => console.log(e),
  onDragEnter: (e) => console.log(e),
  onDragOver: (e) => console.log(e),
  onDragLeave: (e) => console.log(e),
};

const dragDropFile = new DragDropFile(dropContainer, dragEvents);

window.onload = () => {
  dragDropFile.intializeDragger();
};

Options