|
@@ -1,20 +1,17 @@
|
|
|
---
|
|
|
title: Dropzone
|
|
|
-libs: dropzone
|
|
|
description: Dropzone is a simple JavaScript library that helps you add file drag and drop functionality to your web forms. It is one of the most popular drag and drop library on the web and is used by millions of people.
|
|
|
---
|
|
|
|
|
|
## Default Dropzone
|
|
|
|
|
|
-```html example vendors height="240px"
|
|
|
+```html example vendors height="240px" libs="dropzone"
|
|
|
<form class="dropzone" id="dropzone-default" action="." autocomplete="off" novalidate>
|
|
|
<div class="fallback">
|
|
|
<input name="file" type="file" />
|
|
|
</div>
|
|
|
</form>
|
|
|
|
|
|
-<link href="$TABLER_CDN/dist/libs/dropzone/dist/dropzone.css" rel="stylesheet" />
|
|
|
-<script src="$TABLER_CDN/dist/libs/dropzone/dist/dropzone-min.js"></script>
|
|
|
<script>
|
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
|
new Dropzone("#dropzone-default")
|
|
@@ -24,15 +21,13 @@ description: Dropzone is a simple JavaScript library that helps you add file dra
|
|
|
|
|
|
## Add multiple files
|
|
|
|
|
|
-```html example vendors height="240px"
|
|
|
+```html example vendors height="240px" libs="dropzone"
|
|
|
<form class="dropzone" id="dropzone-mulitple" action="." autocomplete="off" novalidate>
|
|
|
<div class="fallback">
|
|
|
<input name="file" type="file" multiple />
|
|
|
</div>
|
|
|
</form>
|
|
|
|
|
|
-<link href="$TABLER_CDN/dist/libs/dropzone/dist/dropzone.css" rel="stylesheet" />
|
|
|
-<script src="$TABLER_CDN/dist/libs/dropzone/dist/dropzone-min.js"></script>
|
|
|
<script>
|
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
|
new Dropzone("#dropzone-mulitple")
|
|
@@ -42,7 +37,7 @@ description: Dropzone is a simple JavaScript library that helps you add file dra
|
|
|
|
|
|
## Custom Dropzone
|
|
|
|
|
|
-```html example vendors height="240px"
|
|
|
+```html example vendors height="240px" libs="dropzone"
|
|
|
<form class="dropzone" id="dropzone-custom" action="." autocomplete="off" novalidate>
|
|
|
<div class="fallback">
|
|
|
<input name="file" type="file" />
|
|
@@ -53,8 +48,6 @@ description: Dropzone is a simple JavaScript library that helps you add file dra
|
|
|
</div>
|
|
|
</form>
|
|
|
|
|
|
-<link href="$TABLER_CDN/dist/libs/dropzone/dist/dropzone.css" rel="stylesheet" />
|
|
|
-<script src="$TABLER_CDN/dist/libs/dropzone/dist/dropzone-min.js"></script>
|
|
|
<script>
|
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
|
new Dropzone("#dropzone-custom")
|