Questions tagged [dropzone.js]
An open-source javascript library which provides drag-and-drop file uploads with image previews
2,217
questions
0
votes
0answers
18 views
How to always place upload field right side next to preview file in Dropzone?
Currently I have a customized dropzone that I styled on my own. However, after uploaded a file, I want the upload field is always right side next file preview, just like this:
But by the default ...
0
votes
0answers
21 views
Dropzone image preview for heic type of file
Is it possible to enable image preview for .heic type of file? Cause I'm using dropzone and preview is only working for non apple image types (.jpg, .png, etc.)
0
votes
0answers
27 views
How to show Red Cross Mark manually on a file in dropzone which are not submitted?
I want to show red cross mark on those files which are not submitted in a form
when files are uploaded using dropzone (accepted files) then user is selecting files from select-option element In this ...
2
votes
1answer
31 views
How to download BLOB after compression
i use dropzone.js and image-compressor libraries. But i am struggle to download the blob. Any advices how i can do it . Thats below is my code
// "myDropzone" is the camelized version of the ...
1
vote
2answers
111 views
Dropzone js documentation example not working
I am following an example from the documentation of Dropzone.js. The example does not seem to work. This is what I have as a structure:
Dropzone.options.myAwesomeDropzone = { // The camelized ...
0
votes
0answers
33 views
Dropzone.js Drag and drop compress image problem?
Hi guys i have an web app to compress image combined with dropzone.js .
The thing is when i click and upload the picture i get it compressed
but when i drag and drop the image its not triggering the ...
0
votes
1answer
27 views
dropzone.js removeLink URL defintion
I am using dropzone 4.3.0 currently.
function HiddenNotesDropZone() {
$("#HiddenAttachments").dropzone({
maxFiles: 2000,
parallelUploads: 1,
...
1
vote
1answer
80 views
JavaScript: Dropzone.js - Adding File Size and Dimensions to Form Submission
I'm testing some example code for Dropzone.js and would like to see if I could get the file size to submit as a form field:
var KTFormsDropzoneJSDemos = {
init: function(e) {
new Dropzone("#...
0
votes
0answers
33 views
how to send base64 string with dropzone.js instead of binary file
I am trying to work with dropzone.js but my backend accepts json data with file as base64 string so I implemented ajax into on('sending') function but the problem is dropzone tries to send data normal ...
0
votes
0answers
18 views
Fetch addedfile from dropZone on some button click and pass it to thymeleaf rest api as Post request
I am new to webpage development and using thymeleaf & dropzone for one poc.
I would like to do following:
Upload a file from drop zone
On some button click ( not part of the dz form) fetch the ...
0
votes
0answers
56 views
Why dropzone is not configured correctly
I am working on an AngularJS project.
I'm using this boiler project https://github.com/gothinkster/angularjs-realworld-example-app.git
which supports ES6.
I'm using DropzoneJS as a Directive but it ...
0
votes
0answers
35 views
Is there a way to limit the max number of parallel processes that upload chunks in dropzone.js?
We need to be able to support large uploads to our site. That's why we have implemented chunked uploading with Dropzone.js.
It works great, but when I use a very large file, I can see in Chrome's ...
0
votes
0answers
23 views
Logic for Dropzone hidden input creation
Can anyone steer me to the logic in dropzone code where the hidden inputs are created for each image dropped? I have to do some hand rolling and need to understand how the value is created for the ...
0
votes
0answers
50 views
Dropzonejs not working with <select> options multiple selection
Using Dropzone in a form to Post multiple images and other form data to an MVC controller. It all worked perfectly well until I added a MULTIPLE <select options list to the form.
Client Side:
<...
0
votes
0answers
40 views
Implementing dropzone in a form in ASP.net 404 error
Currently I am trying to implement a dropzone in a pre-existing form using asp.net razor pages. My div containing the dropzone looks like this:
<div class="form-group">
<label ...
0
votes
0answers
68 views
multiple dropzone.js instance with one ajax submit
I am using dropzone.js in an existing form.
Can you tell me if it is possible to use multiple instances of dropzone with a single ajax upload.
For example: a first dropzone for the fisrt file, a ...
1
vote
0answers
94 views
PHP form with text and image inputs using adminlte - DropZone js
I am using a template from adminLTE(https://adminlte.io/themes/v3/pages/forms/advanced.html) you can see it at the end of the page, I want to just upload images first and pass the image name as one of ...
0
votes
0answers
54 views
How to send Drozone.js data to Symfony server
I'm using Dropzone.js to upload multiple files with a dropzone and an image preview, which works well, and this file field is part of a form with other fields from Symfony formBuilder.
What I would ...
0
votes
1answer
107 views
How to limit upload files in dropzone.js?
I have ruby on rails application with stimulus.js and dropzone.js for uploading attachment. There is now a limit on uploading one file, but this allows you to upload more than one file and just shows ...
1
vote
0answers
59 views
Dropzone is not picking the configuration
my html form looks like this
<form id="upload-form" class="dropzone">
<!-- this is were the previews should be shown. -->
<div class="previews"></...
0
votes
0answers
39 views
How to configure Dropzone.js to upload images from remote server (url) instead of from local storage. I need to drag drop files from browser into DZ
Dropzone.autoDiscover = false; // because using class='dropzone' on html div causes it to setup, so the below call will register a 'duplicate' error
myDropzone = new Dropzone("div#DropZoneBody&...
0
votes
1answer
43 views
set images in grid of react dropzone uploaders
I am confused in setting custom preview as like
image set in grid
I want to do this in react-dropzone-uploader custom preview, where I can upload multiple files.
Current scenario: my normal uploaded ...
0
votes
1answer
39 views
Is there any way to change font size of the Drop Zone text input
We have here a DropZone landing area
I would like to change the font size, but I do not find any appropriate parameter for it here: https://docs.dropzone.dev/configuration/theming
Do you have any ...
0
votes
0answers
33 views
Chunked upload - XHR upload progress fires only once, upload loadend called before actual upload
Hey people!
I really need you help, because I have no idea left what could be wrong with the code... Any help/idea apprecitated!
What I'm trying to do:
I'm trying to upload files in chunks via ...
0
votes
0answers
67 views
Dropzone is uploading all files to server for each file drop/selection
I'm trying to integrate dropzone in a laravel 8 application. Whenever I drop any image in dropzone, it is uploading all the files of dropzone, not skipping already uploaded file. For example, if I ...
0
votes
0answers
49 views
Add an input box for each dropped file in dropzone
I have a drag drop box with dropzone.js. I allow multiple files upload (max 5 files at present). I have asked to add an ability for user to add description for each uploaded file.
The challenges I ...
0
votes
0answers
29 views
How to initialize separate Dropzones in one page?
We have 3 Dropzone in one page. As far as I know this is the way to made it custom:
<script>
var md5 = ""
var landingDropzone
Dropzone.options.clientImageDropzone = {
...
0
votes
0answers
41 views
How image upload works with Dropzone.js?
I guess if I have a form with action and class="dropzone, then after drop an image in the drop zone, fill upload to the specified image, right?
Why someone adds success event in init to Dropzone ...
0
votes
1answer
46 views
Dropzone.js acceptedFiles not working with drag&drop
I have set Dropzone to accept only this files:
acceptedFiles:
"application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/msword",
also tried in this other ...
0
votes
0answers
55 views
Uploading images with more than one Dropzone element inside a parent Form
I've been stumbed trying to figure out how to make a form that is able to handle inputs from multiple Dropzone elements in one submit using .Net Core 5 Razor Pages and Dropzone.js. The multiple ...
0
votes
1answer
53 views
Laravel file is not uploded
I try to make a page to upload some files to server side. But it does not work.
// **Here my upload.blade.php**
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">...
1
vote
1answer
87 views
How Can I Show Loader In Dropzone With Percentage in Progress?
I am using dropzonejs in my code but i dont know how to place loader image in dropzone before file is uploaded and after upload want to hide loader.I don't know how to do that,Can anybody please help ...
0
votes
0answers
61 views
state value null in initialFiles react dropzone
i have problem with render state in reactjs,
when i call state on dropzone the state value is null,
I define the state in the cunstructor with the default value array [ ], why does that happen, even ...
0
votes
0answers
33 views
Dropzone.js with chunking on flask loosing chunks
I have a dropzone with dropzone.js which is needed to send large files by chunks. But some chunks are just lost and i don't know why.
Here is my code:
HTML:
*references:*
<script defer src="...
0
votes
1answer
57 views
Multiple dropzone on single page, second form does not shows upload text
I'm trying to put two dropzone forms on a single page and all of the functions like upload, show, delete works as it should be, but the second form does not shows the "drop files here" text.
...
0
votes
1answer
143 views
Multiple File Upload using dropzone and with other forms fields with FormValidation plugin
This is the image of form which I have designed in my project Now my requirement is to upload multiple files and with other form values over a single backend call.
<script>
<form class="...
0
votes
2answers
84 views
Stop dropping folders in dropzone
I'm using dropzone.js and I want to prevent dropping folders because it drops the folders recursively that may lead to a frozen page if there are thousands of files in nested folders.
How can I do ...
2
votes
1answer
102 views
CSRF Token problem when I add dropzone to an existing form in Django
I'm working with a Django form using dropzone to upload images. But I don't want to add the dropzone to the entire form, just to a div of it. Here is the template:
{% extends 'base.html' %}
{% load ...
0
votes
0answers
56 views
Remove memory of last added files from dropzonejs
We are using dropzonejs for uploading images in our webpage.
After successful upload of an image, we are clearing the image in dropzone using
$('.dz-preview').empty();
Dropzone.forElement('#dropzoneID'...
0
votes
0answers
118 views
How can I programmatically upload an image using Dropzone
What is the correct way to upload a file programmatically using Dropzone? I have been using the code below to do it but it has not been working. My actual code opens a modal and allows the user to ...
0
votes
0answers
44 views
Dropone autoProcessQueue on false is not working
I just want to send file(image) to method "addItem", so I'm tryin to use dropzone to upload images, so when I click on Button upload I have file is "undefined".
this is my code:
&...
0
votes
0answers
110 views
Dropzone JS - Update & process formData with no file (Same Question different Case)
I created a form (inside a modal) that I used on two functions (add new & edit) of course there is an upload image form using dropzone. I have no problem with upload new images and other form data,...
0
votes
0answers
87 views
How to upload multiple files in Django using Dropzone js?
Info: I want to upload multiple files using Dropzone js in Django project. I have two models. One for the Post and the other would be for the File. My files model would have a foreignkey to the Post ...
2
votes
0answers
105 views
dropzone remove exif data before upload
I'm working in a image uploader using dropzone.js. Images are posted to my backend by a route protected by AWS WAF.
The problem is that WAF is blocking many images because it detect some kind of sql ...
0
votes
1answer
88 views
List<IFormFile> files gets nothing from dropzone post mvc
I'm trying to send images from dropzone to my controller mvc project by httpPost
The forms are calling correctly the IActionResult but the files count are always 0
When the forms load I get
but I'm ...
1
vote
1answer
214 views
Django CSRF verification failed. Request aborted. error
I'm trying to upload an image using dropzone.js, but its not using login or register. I get CSRF verification failed. Request aborted.
Dropzone.options.fileDropzone = {
url: '/media/',
init: ...
0
votes
0answers
92 views
How to show uploading percentage of a file using Dropzone js?
i am using Dropzone js for file uploading. I want to display the uploading percentage with progress bar. I know the Dropzone js is not supporting to display the percentage by default.
show i define ...
0
votes
1answer
73 views
React-dropzone Multi Upload Files Combining with Additional Metadata
My goal is that create upload module like that:
I want to upload multiple files with additional metadata.
if file type is invoice i want to attach datepicker results too.
otherwise only file and it's ...
0
votes
1answer
118 views
Dropzonejs object object error. How can I fix it?
Files can't be upload to directory and give back error
js and css from dropzone is included in head and footer properly
Balde code::
@include('Templates.head')
<body style="background: #...
0
votes
0answers
40 views
Dropzone js: Add previewElements index number as id
Is there a way to use the index number of preview element within the template code so I can add sequential id's(id="item-[1,2,3]") to each time the template is been used? Similar to the use ...