Skip to main content
Just browsing Stack Overflow? Help us improve your experience. Sign up for research
Filter by
Sorted by
Tagged with
0 votes
0 answers
50 views

How do I use Bootstrap 5.3.3 css and have the buttons back to their original colours with glyphicons?

I have been using Dropzone.js for a few years and have an app that has been working well. There are three buttons that are used. <span class="btn btn-success fileinput-button"> <...
user3538252's user avatar
0 votes
0 answers
82 views

DropZone - Replace / in dropped filename

Uploads with a slash in the filename are problematic in a number of ways. I need to change the / to a space, or eliminate it altogether. This would be the most obvious, and it works for any other ...
JAC's user avatar
  • 1,117
0 votes
0 answers
99 views

How to uploading images with Dropzone on the nodejs nuxt 3

I am making a project in frontend (nuxt 3) and backend (nodejs), my codes are as follows. I can't understand why no uplaoding image path on database. This is backend side This is upload utils file ...
Aghabala Guluzade's user avatar
0 votes
0 answers
34 views

Issue with Reinitializing Cropper After Adding Image with Dropzone

Dropzone.autoDiscover = false; var cropper; $(document).ready(function() { $('#cropperModal').on('shown.bs.modal', function() { console.log('---shown.bs.modal-----'); //var $image = $(...
Stephanie Fischer's user avatar
0 votes
0 answers
48 views

Cropper.js not displaying crop box after adding image with Dropzone.js

jsFiddle: https://jsfiddle.net/jx6pdz4y/ The problem: I’m having trouble getting Cropper.js to display the crop box on an image after adding it with Dropzone.js. The image uploads successfully, but ...
Stephanie Fischer's user avatar
0 votes
0 answers
73 views

Dropzone.js - When I drag a folder only the folder is received as a File

When I browse and select a folder it gets me all the files recursively (that's awesome). I'm using webkitdirectory="true" attribute for the hidden input. But when I'm dragging and dropping a ...
user3071790's user avatar
0 votes
0 answers
65 views

How can i concatenate (dropzone.js) front chunk file with laravel controller

@section('css') <link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.3/min/dropzone.min.css" rel="stylesheet"> @endsection @section('content') <h1>File ...
Santosh Subedi's user avatar
0 votes
0 answers
36 views

In firefox dropzone errors with "image corrupt or truncated"

Can someone please tell me why the following code would work in Chrome but not Firefox? I believe I've implemented a fairly typical setup of Dropzone but am getting the error "Image corrupt or ...
Antony's user avatar
  • 4,274
0 votes
0 answers
87 views

How to pass Array with Dropzone Form Data

I am using DropZone and trying to pass Array with the formData.append() for on("sending") method. I couldnt find any example where we are passing additional data of List objects(except ...
Jordan's user avatar
  • 197
0 votes
0 answers
133 views

svelteKit with dropzone

I'm setting dropzone with svelteKit and I'm getting some issues with the preview image, thiis my code: <script> import { onMount } from 'svelte'; import Dropzone from 'dropzone'; import { ...
alex 's user avatar
  • 301
0 votes
0 answers
68 views

drag and drop image it should display dynamically without refreshing page using ajax.but its not working for me

I need when i drag and drop the images its should display below form dynamically without refreshing the page and also front end and backend validation view <!DOCTYPE html> <html lang="en&...
ABINAYA V's user avatar
0 votes
0 answers
88 views

add view button to existing files in dropzone js

I want to add a view button to preview existing files( mockfile ) . For example, when I want to modify a form, the files are displayed in the dropzone, so I want to preview them. this is my code: var ...
Ait younes Randa's user avatar
0 votes
0 answers
88 views

ASP.Net MVC - no file content uploaded

There is a simple functionality: HTML page with dropzone.js (or jQuery Upload plugin, I tried several ways). MVC controller method: [HttpPost] public ActionResult SaveDoc(string docName, ...
user3603578's user avatar
1 vote
0 answers
73 views

Dynamically handle Dropzone maxFiles in edit Mode

I am using dropzone with laravel blade. In edit mode i want to compare with existing photo count with maxFiles value. Also, check the maxFiles condition dynamically when user upload new images or ...
Md. Shamvil Hossain's user avatar
0 votes
1 answer
262 views

Dynamically adding dropzone.js to a form

I'm trying to add a Dropzone to a page dynamically but I either get an "Uncaught Error: Invalid dropzone element. at new $3ed2...." or "Uncaught ReferenceError: Dropzone is not defined&...
pavtrnord's user avatar
0 votes
0 answers
28 views

Make sure dropzone works across multiple conversation threads

I'm creating a chatting application with Django Channels and JavaScript. I have multiple conversation threads, each containing a chat form. I tried to make Dropzone work for all the threads by ...
Kio's user avatar
  • 41
0 votes
1 answer
113 views

Multiple Dropzone.js instances - file uploading into wrong instance

I recently updated my dropzone.js from an old version (2012) to the latest one. I am using this inside my custom PHP CMS to handle image uploads. I have a section in my CMS for managing images. ...
Scott Richardson's user avatar
0 votes
0 answers
60 views

Dropzone - Cannot Get Preview from Existing Image on Server to Show

I have this working example of Dropzone, but I am trying to add a previously uploaded image that I have on my server. The part where "init" starts is where the issue is. It does not like ...
Dennis Gaudenzi's user avatar
0 votes
0 answers
58 views

Dropzone JS showing up but with the normal file upload overtop of it

Dropzone JS is showing up like so: Picture of problem with dropzonejs I have called the CSS file in the head of my site: <link rel="stylesheet" href="https://unpkg.com/dropzone@5/...
Jarrod Estepp's user avatar
0 votes
1 answer
110 views

Dropzone.js does not post files in queue, only post files with JavaScript is incorrectly formatted

I have a Django project that uses Dropzone to upload multiple files to a project a user has created. All of this is within the same instance (project is created alongside file uploads), so I am using ...
Langutang's user avatar
0 votes
0 answers
205 views

Symfony UX and Dropzone : How to download files

I would like to use Symfony UX and the Dropzone component in my project to allow image downloading. Everything seems to work fine. However, I can't get the files in my controller to process and upload ...
MikaelHdx's user avatar
0 votes
0 answers
71 views

Dropzone Drag & Drop issue in Laravel

I'm encountering an issue with my Laravel application when using the Dropzone JavaScript library. If I remove id="dropzone-basic", I can add files and submit them, but it affects my design. ...
Klapsius's user avatar
  • 3,359
0 votes
0 answers
56 views

Why images are rotated if we resize width using dropzone

I have a simple script to upload images using dropzone v5 , but when I use the option "resizeWidth", the images are uploaded but with rotation especially the photos taken by mobile phone I ...
hous's user avatar
  • 2,667
0 votes
1 answer
102 views

Dropzone.js library multiple files uploaded to server issue

I have a Dropzone instance set up to allow users to upload multiple images for a place. The files are being sent to the server using AJAX requests. I have implemented event handlers such as ...
Backend System's user avatar
0 votes
0 answers
50 views

Dropzone inside a Django form

I'm trying to make a django form in which I want to upload a photo (Dropzone) and enter its title. I can't send the title field and the photo to my view at the same time. Could you please help me ? ...
Romain's user avatar
  • 13
0 votes
0 answers
42 views

dropzone reverse file order

I'm using dropzone as a library to display uploaded images and upload new ones. Its default behavior is to sort the images from first to last, but I want to sort the images from last to first, I mean ...
Jaime Roman's user avatar
0 votes
0 answers
75 views

I am taking audio file from dropzone component and uploading it into firebase storage [duplicate]

But it is storing in 9 bytes always in app/octet-stream format. It is the code interface FileWithPreview extends File { path: string; preview: string; } const AudioDropzone = ({ className, ...
Anant dev singh's user avatar
1 vote
1 answer
311 views

Dropzone.js in Blazor Application

I am writing a Blazor application and want to try my hand at JSInterop and the Dropzone.js library. However, I can't get over the hurdle of transferring the actual attachment data between the ...
Killnine's user avatar
  • 5,870
0 votes
0 answers
63 views

Dropzone JS 6 beta 1 uploadMultiple not triggered

I'm having troubles in setting dropzone JS in a pre existing form, in which I have to load multiple files. I have an existing asp.net form (with an antiforgery token), and I've set up the Dropzone as ...
zuckkkkkk's user avatar
0 votes
1 answer
439 views

How can I integrate Dropzone.js in Ruby on Rails 7.1.2

I'm attempting to integrate dropzone.js in Rail version 7.1.2, but JavaScript does not work. There appears to be a problem with importing node modules in the most recent version of Rails, so I ...
user avatar
1 vote
0 answers
150 views

Dropzone and ASP.NET Image Uploader: Uploaded Image is blank and has Underscore Name and Larger Filesize

"I am developing an image uploader using Dropzone in ASP.NET. I am encountering an issue where, after clicking the submit button, the uploaded image file appearing in my directory is blank ...
taher's user avatar
  • 11
0 votes
2 answers
404 views

Dropzone wtih Razor Pages not submitting files to HttpContext.Request.Form.Files

I have been struggling to implement dropzone.js on my razor page. I'm currently trying to create a help desk where dropzone allows the user to drag a file to upload along with their ticket. I haven't ...
Adam Evans's user avatar
0 votes
1 answer
97 views

Dropzone remove on click fires the xhr request multiple times

I'm working with laravel and added in an image uploader using Dropzonejs 5x and ran into a really odd issue where when there are more than one image uploaded, if I click remove on one, it fires off ...
Jchieppa's user avatar
  • 126
0 votes
0 answers
70 views

How to use Dropzone with autoProcessQueue set to false in .net8

I want to use Dropzone in .net8 MVC project with autoProcessQueue option set to false. I'm trying with this https://stackoverflow.com/questions/58815724/how-to-integrate-dropzone-js-with-asp-net-core-...
Miguel27's user avatar
  • 101
0 votes
0 answers
71 views

Dropzone.js - Is it possible to mantain the uploaded files for display after postback?

I have a web forms asp.net application and i'm making a file upload page that uses dropzone.js, the problem is that I want the uploaded files to stay visible after the page postback since I have some ...
Lorenzo Santarelli's user avatar
1 vote
0 answers
72 views

dropzone.js can only drag 2 files max

I'm trying to use dropzone.js for uploading images to the browser only (as blob), not to the server. And it works for dragging 1 or 2 files at a time, but when I drag 3 or more files, only the first 2 ...
buga's user avatar
  • 1,294
0 votes
1 answer
367 views

How to display mulitple Dropzone.js preview records in one row using a preview template

I am using dropzone.js to display images for my application. The app uses Laravel, Vue, and Bootstrap. There can be as many as 40+ images for one record in my DB so displaying one preview per row isn'...
AmyB's user avatar
  • 21
0 votes
1 answer
114 views

How can I disable the Dropzone after uploading 1 image and enable again when I push a button

I want to disable the dropzone after uploading 1 file and enable it after clicking a button disable the dropzone after uploading 1 file <form action="/file-upload" class="dropzone&...
Zandrei Canete's user avatar
0 votes
1 answer
219 views

Dropzone.js loads files dropped in Firefox, but works in Chrome

I wrote a simple image pastebin app using Dropzone.js, but drag and drop of files does not work in Firefox. It does work in Chrome, leading me to believe this is a fixable issue. In firefox any ...
Stefan Midjich's user avatar
0 votes
1 answer
152 views

Changing the default max filesize in Dropzone.js

I am trying to use Dropzone.js with Flask to allow larger files to be uploaded, but I am struggling to change the 256MB default max file size. At first I thought this was the Flask default, so I tried ...
Peter Schofield's user avatar
0 votes
0 answers
254 views

How to call init function of Dropzone after every time I click a button using jQuery?

I have a list of similar <div> elements created with a for loop. For each of these <div> elements, I have a button to edit information. Every time this edit button is clicked, a pop-up ...
Negar Javadzadeh's user avatar
0 votes
0 answers
210 views

Dropzone js The file preview field must be a file of type: jpeg, pdf, png, jpg, docx, mkv, mp4, mp3, zip, rar. in Laravel

I have 2 controllers for comment. The first one is Comment Controller, the function is to create comments and store comments and attachment to database. The second controller is FileUploadController, ...
rsyafdhl's user avatar
-1 votes
1 answer
120 views

Django large file upload (.dcm)

After the user starts uploading files of 1-2 gb on a page in Django, I want the user to be able to navigate on other pages while the upload process continues. How can I do it? I can upload the files ...
Ahmet Resul KURU's user avatar
2 votes
0 answers
159 views

Vue2-Dropzone url endpoint error CORS error HeaderDisallowedByPreflightResponse

i want to using Vue2-Dropzone for uploading multiple image/file. So i following the documentation and this is my options: options: { url: 'https://httpbin.org/post', ...
frankfurt's user avatar
  • 153
0 votes
0 answers
111 views

Can't see DropZoneJS Tooltip when selected file has an error

I am working with DropZoneJS and am attempting to test when a user selects a file type that is not allowed. Everything seems to be working, but the tooltip displaying the error for the file is cut ...
TC_Guy's user avatar
  • 137
0 votes
0 answers
179 views

Capybara and Selenium Web Driver returns `InvalidArgumentError when I try to attach a file

I am working on a Ruby on Rails project that requires multiple file uploads, and I am using the dropzone npm package to achieve this on the client side. The big issue is this: In my feature tests, I ...
codepantha's user avatar
0 votes
1 answer
372 views

Is it possible for Dropzone to wait for a promise to resolve before processing a file?

I am using the latest version of Dropzone (currently v6) and I unable to find a way to make Dropzone wait for a promise to resolve before it starts processing a dropped file. On the Dropzone's init ...
theeDude's user avatar
  • 117
1 vote
1 answer
596 views

Invalid file Uploading a video using Spatie Medialibrary and Dropzone

Please I want to add a feature for Video upload using Spatie Medialibrary but I keep getting this error. { "message": "The given data was invalid.", "errors": { &...
Pat Nadis's user avatar
0 votes
1 answer
136 views

Why can't I open images uploaded to Google Drive using Dropzone and Javascript?

I've been trying to upload images using dropzone and save them in google drive. Here is the code data = google.drive({ version: "v3", auth ...
severine julie's user avatar
1 vote
2 answers
428 views

Dropzone multiple uploads returned 403 forbidden

I'm implementing multiple upload for 25 files at once using Dropzone and Laravel. On my development server, the code runs well. 25 files, all successful. However, on my production server, 5 files are ...
luca ditrimma's user avatar

1
2 3 4 5
46