Stack Overflow
Stack Overflow

Questions tagged [dropzone.js]

An open-source javascript library which provides drag-and-drop file uploads with image previews

Dropzone.js is a light weight library that turns an element into a dropzone. This means that a user can drag and drop a file onto it, and the file is uploaded to the server by . It supports all major browsers (IE, FireFox, Chrome, Safari, Opera) natively and has legacy file input support for others.

Starting with version 2.0 this library no longer depends on , but it still registers itself as a module if available.

This tag should be used for questions about the usage of the Dropzonejs API in web development.

Relevant Links:

2258 questions
34
votes
1 answer

Dropzone.js no longer uploading multiple imgs to website on Android

Up until about a couple weeks ago, my web app was working great on desktop and mobile, using dropzone.js as a drag and drop means of uploading images. Now suddenly on my Android device things have changed. When it was working: Member hit the…
tllewellyn
  • 903
  • 2
  • 7
  • 28
34
votes
3 answers

How do I preload images into dropzone.js

I have a dropzone.js instance on a web page with the following options: autoProcessQueue:false uploadMultiple:true parallelUploads:20 maxFiles:20 It is programmatically instantiated, as it is part of a larger form. I have it rigged up to process…
ralbatross
  • 2,448
  • 4
  • 25
  • 45
34
votes
6 answers

dropzone js onclick submit file upload

upload all files with a single button click. HTML:
JS: Dropzone.options.myDropzone = { // Prevents Dropzone from uploading dropped…
Steve Bals
  • 1,949
  • 6
  • 22
  • 32
29
votes
6 answers

dropzone.js image upload acceptedMimeTypes

I am using the dropzone.js plugin to add an image uploader to my application. I know this is probably a really basic question so apologies but what I want to do is limit the file extensions. This works for a single file extension,
user1098178
  • 697
  • 3
  • 9
  • 25
28
votes
5 answers

How to clear dropzone.js dropzone

I am starting to use dropzone.js and have run into a minor problem. I am able to upload files. I use a modal popup to get the file information. The problem is when I go back the files I previously uploaded are still in the drop zone (with…
mlewis54
  • 2,372
  • 6
  • 36
  • 58
28
votes
8 answers

DropZonejs: Submit form without files

I've successfully integrated dropzone.js inside an existing form. This form posts the attachments and other inputs like checkboxes, etc. When I submit the form with attachments, all the inputs post properly. However, I want to make it possible for…
kablamus
  • 921
  • 2
  • 10
  • 17
27
votes
5 answers

Get Dropzone Instance/Object using jQuery

I use jQuery to work with dropzone. e.g. $("#mydropzone").dropzone({ /*options*/ }); I need to get the Dropzone instance so I can call this method: myDropzone.processQueue() How can I achieve this? Is it possible? in other words, how can I…
preston
  • 3,721
  • 6
  • 46
  • 78
27
votes
8 answers

Add existing image files in Dropzone

I am using Dropzonejs to add image upload functionality in a Form, as I have various other fields in form so I have set autoProcessQueue to false and Processing it on click on Submit button of Form as shown below. Dropzone.options.portfolioForm = {…
lalit
  • 3,283
  • 2
  • 19
  • 26
26
votes
11 answers

Programmatically Add Existing File to Dropzone

I'm trying to add an existing image to my dropzone programmatically, using the dropzone.js FAQ as a guide: // Add the existing image if it's there. // headerDropzone is my dropzone (debug shows it as existing and initialized at this point. var…
Jesse Rosato
  • 288
  • 1
  • 3
  • 7
25
votes
4 answers

Large file upload - Request gets cancelled

I am trying to upload video files of size 40-50mb. The progress bar freezes at a certain point and if i observe in my Networks tab on Google Chrome. The request gets cancelled and there is no error and the HTTP response header is empty. However this…
Daniyal Arshad
  • 251
  • 1
  • 3
  • 6
25
votes
4 answers

DropZone acceptedFiles type filter

I've got a DropZone form working perfectly with one exception, I can't seem to limit the file types as precisely as I need to. Using acceptedFiles: "image/*" dims all folders and file types that are not images, as it should. TIFF is included though…
JAC
  • 1,061
  • 1
  • 10
  • 15
25
votes
9 answers

Clear dropzone.js thumbnail image after uploading an image

I have using dropzone.js in mvc by following this tutorial for uploading images but after uploading the image the thumbnail image still showing and I need it to be removed after every time I upload an image. I have tried to replace the generated…
Fadi
  • 2,320
  • 8
  • 38
  • 77
25
votes
8 answers

How to add text input to dropzone upload

I'd like to allow users to submit a title for each file that is dragged into Dropzone that will be inputted into a text input. But i don't know how to add it. Everyone can help me? This is my html code code
Duc Manh Nguyen
  • 768
  • 2
  • 8
  • 13
24
votes
3 answers

How to display error message of jquery dropzone

I use dropzone with CI, i don't know how to display error message and custom message when upload false, this is my script Dropzone.autoDiscover = false; try { var myDropzone = new Dropzone("#adminform" , { …
Code Metal
  • 602
  • 2
  • 8
  • 19
22
votes
2 answers

Dropzone.js upload with PHP failed after 30 seconds upload

I'm trying to upload "large" files to my application. Users must be able to upload video files smallest than 200MB but seem the server drops the connections after 4MB or 30 seconds and the upload fails. I've already set all the parameters in my…
andreaem
  • 1,635
  • 2
  • 20
  • 49
1
2
3
…
99 100