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.3
Supply Chain
98.7
Quality
76.2
Maintenance
100
Vulnerability
100
License
JavaScript (93.48%)
SCSS (3.74%)
HTML (2.79%)
Total Downloads
115,128,342
Last Day
97,464
Last Week
509,861
Last Month
1,710,252
Last Year
23,641,365
18,179 Stars
1,100 Commits
3,291 Forks
394 Watching
7 Branches
70 Contributors
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
Publised On
29 Nov 2021
Cumulative downloads
Total Downloads
Last day
6.3%
97,464
Compared to previous day
Last week
21.4%
509,861
Compared to previous week
Last month
-20.8%
1,710,252
Compared to previous month
Last year
9.7%
23,641,365
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 binaries found in the repo
Reason
no dangerous workflow patterns detected
Reason
license file detected
Details
Reason
Found 1/4 approved changesets -- score normalized to 2
Reason
0 commit(s) and 1 issue activity found in the last 90 days -- score normalized to 0
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
Reason
no effort to earn an OpenSSF best practices badge detected
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
59 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-01-13
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