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

How can I set named function expressions on my Dropzone options?

I have multiple Dropzones in my project that are all very similar. On one of them, I had to create a minimum file width, but the video Dropzone doesn't work with the file width code. I ended up having to create a separate options call for each…
Rachel Martin
  • 525
  • 6
  • 18
0
votes
1 answer

How to send server messages to dropzone

I am using Dropzone.js and Django to upload files and process it and show messages based on processes which are done in the server side, How I can send the messages from Django view to my dropzone component, I can see that there is a red cross when…
kbjango
  • 1
  • 4
0
votes
1 answer

Uploading file in Django using Dropzone

I'm using Django to develop a website and I want to upload files using dropzone box in HTML template and then send it to a view function and send some message if the file was successfully uploaded This is the code in the HTML…
kbjango
  • 1
  • 4
0
votes
1 answer

How to reinitialize a dropzone element

I want to use dropzone to display thumbnails of images that I already have on the server. I am creating a CMS for a property website. The server has images associated with Sites of properties. When the page loads, the init function of my dropzone…
Therealmarley
  • 3
  • 4
0
votes
1 answer

Getting stored images with Dropzone.js

I am trying getting the images stored at folder, but the when i am calling the images give 404 because of this: http://localhost/xxxx/new/item/77/public/images/item/77/2.jpg i don't no how to remove "new/item/77/" and get the image to the correct…
José Neves
  • 130
  • 1
  • 1
  • 9
0
votes
1 answer

Using dropzone.js, I would like to send custom formData

In the standard implementation of DropzoneJs, formData contains both the file contents and a bunch of metadata. This makes it difficult to parse reliably at the server. This can also cause memory issues. Ideally, formData would only contain the…
Trevy Burgess
  • 499
  • 5
  • 12
0
votes
2 answers

Warning: Failed prop type: Invalid prop `children` of type `string` supplied to `Dropzone`, expected `function`

I am using simple Drag and Drop function via Dropzone but Somehow having this error of "Warning: Failed prop type: Invalid prop children of type string supplied to Dropzone, expected function." I have no idea what it is Na d I have checked the…
Chetan Jain
  • 56
  • 1
  • 3
0
votes
1 answer

How to pass image uploaded with flask dropzone to another page

So I have uploaded an image into the uploads folder with flask dropzone and I want to be able to pass it to my makeMeme page so I can then display that image using the html img tag. Here is how I upload my image, and attempt to pass it. However when…
GuitarGuru
  • 45
  • 6
0
votes
1 answer

Dropzone renameFilename not working with removedfile

I am using the removedfile function of DropzoneJs to delete the newly uploaded file, but it only deletes the first file, it has a problem with my renameFilename function. Everything works fine if I don't rename the image, but I want the image not to…
newsshare24h
  • 69
  • 1
  • 11
0
votes
1 answer

Backend files array bad structure

Hey peaps using dropzone here to upload some files to my server. At the moment i configured it to not upload till i click the upload button so i can manage and rearange files in the queue. When i upload them, in my back end i get this array…
CamelCaseDamnUser
  • 21
  • 5
0
votes
1 answer

Adding dropzone.js on Vaadin Flow + Spring Boot project

I want to add dropzone.js version 5 to my Vaadin Flow 12.0.7 & Spring Boot 2.1.3.RELEASE project but without any success. I've tried both methods adding dropzone on the page: default one, described here: https://www.dropzonejs.com/#usage And…
Nick Zhdanov
  • 53
  • 4
0
votes
1 answer

Sending parameters to HTTPPOST function in form action for a drag and drop page - MVC Razor C#

I need to create a drag and drop page. I am currently using "Dropzone" plugin. In my client I have the following html: Here I select a Value from an input:
gn66
  • 803
  • 2
  • 12
  • 33
0
votes
2 answers

Having problem with uploading multiple files in one request using dropzone

Am trying to update user image database column using dropzone plugin in one request but when i set uploadMultiple to true is not working no image move to folder neither database. But when i set it to false only last image name move to user image…
Adedeji Sikiru Da Webcoded
  • 61
  • 10
0
votes
0 answers

Converting DropZone.files to HttpPostedFileBase

I am using dropzone.js in my angularjs and .net application to upload files. dropzone.files has the uploaded files, I have my own custom angularjs method where I take the Base64String from the dropzone.files and send that string to server and…
Fakhar Ahmad Rasul
  • 1,595
  • 1
  • 19
  • 37
0
votes
0 answers

Displaying Dropzone.js based on select value from a dropdown

I'm trying to display Dropzone.js based on a select option in my dropdown, and not on load. But it does not work for me. I'm trying to fiddle with the init() function, but my method may be wrong. Basically, this would be my dropdown field.
Udhayan Nair
  • 550
  • 1
  • 8
  • 18
1 2 3
…
99 100