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
116,036,111
Last Day
104,150
Last Week
424,001
Last Month
1,897,414
Last Year
23,708,338
18,187 Stars
1,100 Commits
3,288 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
4.6%
104,150
Compared to previous day
Last week
-12.4%
424,001
Compared to previous week
Last month
2.5%
1,897,414
Compared to previous month
Last year
10.2%
23,708,338
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
60 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-01-27
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