Gathering detailed insights and metrics for dropzone
Gathering detailed insights and metrics for dropzone
Gathering detailed insights and metrics for dropzone
Gathering detailed insights and metrics for dropzone
Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.
npm install dropzone
Typescript
Module System
Node Version
NPM Version
99.2
Supply Chain
98.7
Quality
76.2
Maintenance
100
Vulnerability
100
License
JavaScript (93.48%)
SCSS (3.74%)
HTML (2.79%)
Total Downloads
125,271,868
Last Day
17,652
Last Week
457,317
Last Month
2,116,114
Last Year
25,339,738
NOASSERTION License
18,303 Stars
1,100 Commits
3,296 Forks
390 Watchers
7 Branches
69 Contributors
Updated on Jul 02, 2025
Minified
Minified + Gzipped
Latest Version
6.0.0-beta.2
Package Id
dropzone@6.0.0-beta.2
Unpacked Size
916.27 kB
Size
229.90 kB
File Count
22
NPM Version
6.14.15
Node Version
14.18.1
Published on
Nov 29, 2021
Cumulative downloads
Total Downloads
Last Day
6.2%
17,652
Compared to previous day
Last Week
-14.5%
457,317
Compared to previous week
Last Month
-7.2%
2,116,114
Compared to previous month
Last Year
18.4%
25,339,738
Compared to previous year
Dropzone is a JavaScript library that turns any HTML element into a dropzone. This means that a user can drag and drop a file onto it, and Dropzone will display file previews and upload progress, and handle the upload for you via XHR.
It's fully configurable, can be styled according to your needs and is trusted by thousands.
Install:
1$ npm install --save dropzone 2# or with yarn: 3$ yarn add dropzone
Use as ES6 module (recommended):
1import { Dropzone } from "dropzone"; 2const dropzone = new Dropzone("div#myId", { url: "/file/post" });
or use as CommonJS module:
1const { Dropzone } = require("dropzone"); 2const dropzone = new Dropzone("div#myId", { url: "/file/post" });
???? Checkout our example implementations for different bundlers
Use the standalone files like this:
1<script src="https://unpkg.com/dropzone@5/dist/min/dropzone.min.js"></script> 2<link 3 rel="stylesheet" 4 href="https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" 5 type="text/css" 6/> 7 8<div class="my-dropzone"></div> 9 10<script> 11 // Dropzone has been added as a global variable. 12 const dropzone = new Dropzone("div.my-dropzone", { url: "/file/post" }); 13</script>
src/options.js
for all available options⚠️ NOTE: We are currently moving away from IE support to make the library more lightweight. If you don't care about IE but about size, you can already opt into
6.0.0-beta.1
. Please make sure to pin the specific version since parts of the API might change slightly. You can always read about the changes in theCHANGELOG
file.
If you need support please use the discussions section or
stackoverflow with the dropzone.js
tag and not the GitHub issues
tracker. Only post an issue here if you think you discovered a bug.
If you have a feature request or want to discuss something, please use the discussions as well.
⚠️ Please read the contributing guidelines before you start working on Dropzone!
thumbnail(file, data)
and display the image wherever you likeSee LICENSE file
No vulnerabilities found.
Reason
no dangerous workflow patterns detected
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
Found 1/4 approved changesets -- score normalized to 2
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
Project has not signed or included provenance with any releases.
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
71 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-06-30
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More