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
0
votes
1 answer

How to recognize uploadMultiple file in Dropzone.js?

I use dropzone.js to upload files to a server. The server then responds with a file id and new filename for deleting purpose. I found this solution. Deleting renamed file on server using Dropzone.js But when I use the uploadMultiple:true option, it…
CL So
  • 3,647
  • 10
  • 51
  • 95
0
votes
2 answers

Dropzone isn't working on Modal Showing through ajax

Dropzone and Javascript isn't working on bootstrap Modal i'm calling Modal through ajax.Because i have hundreds of records i don't want to place Modal in foreach so i used ajax on button click controller method hits and return a new view and that…
0
votes
1 answer

Get the file from Dropzone.js to PHP controller

Please someone can help me. I turn in round since days. I tried many documentations and tutorial so please don't send me to it again. It doesn't work. I try to implement the Dropzone.js tool in my project and get the file in PHP with Codeigniter. My…
0
votes
2 answers

Dropzone client side resize with file upload to AWS pre-signed url

I implemented image file upload to an AWS s3 bucket with dropzone. It creates a pre-signed url and ultimately sends the image file to s3. I cannot get this to work in combination with the client side image resizing dropzone provides. For s3 upload…
ikkjo
  • 735
  • 1
  • 9
  • 18
0
votes
0 answers

How to upload file using window dialog box in Robot Framework?

In my application I have a dropzone(Which is not having input type = file) where I can upload files using window dialog box. But using Choose File Keyword, I am not able to upload file, because which is not pointing to . Below is the xpath for that…
0
votes
1 answer

Website image upload choose special folder

is it possible to select a special folder on mobile devices for an website image upload with html5 and js? Is there any way? Script, plugin, solutions...? Like whatsapp. By default the gallery view is shown. I tried a bit with dropzone.js. Works…
0
votes
1 answer

dropzone.js upload to Amazon S3 produces 400 (Bad Request) for 3rd+ uploads

I'm trying to implement a dropzone.js interface to upload files to Amazon S3. I followed a couple examples I found online S3 Dropzone
Scott
  • 7,983
  • 2
  • 26
  • 41
0
votes
1 answer

Trigger Multiple Dropzone Upload in a single button

I have a simple function that a user can submit a details of his/her past and current projects, and I am using dropzone so users can upload related documents to their project. So basically, they can add many projects as they like Currently, I set to…
Dave
  • 193
  • 1
  • 19
0
votes
1 answer

vue-dropzone doesn't generate thumbnails on file add

I wanna add files that are already on my Server to the Dropzone, I tried to search my problem over vue-dropzone Docs as well as the normal dropzone docs and I also went through like 5+ github issues and tried the help approaches there but I did not…
niclas_4
  • 3,514
  • 1
  • 18
  • 49
0
votes
0 answers

how can a customize Dropzone form to work with css

i have created a customized form with a textfield, dropzone upload area and a submit button as below. I am able to config the dropzone well like this https://www.dropzonejs.com/examples/simple.html. However, i would like to beautify my dropzone into…
Elvin Pang
  • 111
  • 3
  • 14
0
votes
2 answers

Upload file in WordPress with custom file name

I'm currently developing a plugin for my page. The goal is to upload a custom profile image from a user page. Now I want to store each image under a pre-defined name. Sadly I've no plan how I can set a custom name for a file during the file upload…
Mr. Jo
  • 4,946
  • 6
  • 41
  • 100
0
votes
0 answers

how to get dropzone drag n drop working on mac

i have implemented a drag n drop form using the drop zone framework During my testing on this drag n drop from i noticed it worked well on windows system using chrome but when i tested on my mac using safari browser, the file got dragged but the…
Lloyd
  • 29
  • 1
  • 8
0
votes
1 answer

How to set up Dropzone.js to upload multiple and upload in chunks at the same time?

I'm trying to set up Dropzone.js to handle multiple files at the same time, but also upload each one in 1mb chunks. I can't seem to find the right DZ configuration for this. When I add "uploadMultiple: true" to my working chunking implementation of…
Grant Noe
  • 985
  • 8
  • 29
0
votes
1 answer

How to upload multiple files using dropzone.js?

My problem is when I drag & drop multiple files that time each image is called a particular ajax. I want to multiple file upload time only one ajax call. I want to choose a single file and drag & drop it in dropzone and another file drag & drop so…
Full Stop
  • 904
  • 11
  • 24
0
votes
2 answers

TypeError: $(...).dropzone is not a function

i'm triying to use dropzone in my django app, I followed many examples but none of them worked for me can you please help me Js code :