Questions tagged [dropzone.js]

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

Filter by
Sorted by
Tagged with
0 votes
0 answers
15 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,720
0 votes
0 answers
37 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
80 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 ...
Jamoni Jamo's user avatar
0 votes
0 answers
67 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
  • 1
0 votes
2 answers
97 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
57 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
32 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
55 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
49 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,022
0 votes
0 answers
65 views

dropzone.js only binds to first element matching the selector

I am declaring dropzones imperatively: var myDropzone = new Dropzone('*[data-elementtype="ainote_dropzone"]', { url: 'someurl', ai_id: '', text: '', init: function() { let ...
Benedikt's user avatar
  • 180
0 votes
0 answers
41 views

Validate Dropzone js Using Parsley js

I have a multi-step form which has a dropzone js, I use Parsley js to validate each form step input fields so whenever the user clicks next button it validates the current block before going to the ...
3bood_kr's user avatar
0 votes
0 answers
54 views

How to access each specific chunk of a file uploaded by Dropzone.js

I am using dropzone to upload files to a database, and I want to check the checksum of each chunk in order to see if they are uploading correctly, the problem is I cannot find a way to access a single ...
kostaskrav's user avatar
0 votes
0 answers
37 views

What should I do if in Dropzone.js autoloading occurs automatically if the file gives an error?

I included the dropzone.js library, but there was a problem. I have the autoProcessQueue parameter: false, and the files are not sent as they should be, with the exception of one case: when the first ...
CheatFix's user avatar
0 votes
0 answers
62 views

Larvel Dropzone js delete image via ajax won't work gives 404 error

I have put my .htacess and index.php of laravel which remain inside public folder put into main directory to avoid public/ from url. When trying to remove image real time via dropzone gets error 404, ...
Tarun Kumar's user avatar
0 votes
0 answers
73 views

how can I add a new property to my dropzone template?

I'm trying to modify my Dropzone template because I need to add a new property. In all the examples that I've found, the template only displays two properties: size and filename. However, now I need ...
Jaime Roman's user avatar
0 votes
1 answer
222 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
0 answers
62 views

How can be change the Dropzone.js maxFileSize?

In my asp.net project, I want to get video with dropzone from the user, in the controller [RequestFormLimits(MultipartBodyLengthLimit = 699145600)] I increased the max upload value using this, I gave ...
Mahmut's user avatar
  • 1
0 votes
1 answer
94 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
96 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
107 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
75 views

Hello guys i have problem in my code i want upload multiple image using dropzone lib and it doesn't uploaded in database or storage in laravel 10

my uploade Images controller use App\Models\ProductImg; class MutliImageController extends Controller { public function fileStore(Request $request){ $image = $request->file('file'); ...
kareemShahhat's user avatar
0 votes
0 answers
38 views

Dropzone + Jquery-ui sortable not calling the update event when certain condition is met

I'm porting an old app from pure jquery to Vue + some jquery, and Dropzone.js and jquery-ui Sortable function to rearrange a gallery is something is staying the same for the most part, this is what I ...
Santiago Cuartas Arango's user avatar
0 votes
1 answer
174 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
161 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
0 votes
0 answers
142 views

How to modify upload button in Dropzone.js?

I am using dropzone.js like this: HTML: <form action="/upload" class="dropzone text-black" id="my-dropzone"> </form> JS: import Dropzone from "dropzone&...
Adam's user avatar
  • 27.3k
-1 votes
1 answer
86 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
106 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
81 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
29 views

On iPhone, the uploading restart when I lock the phone

I am using the Dropzone.js functionality in one of the projects. where the user is able to upload more than 1 GB of videos to their account. Everything is working fine on all devices excluding the ...
Marmik Patel's user avatar
0 votes
0 answers
64 views

How can I compress images with DropzoneJS use jquery.resizeImage?

I am doing compress image when the user drags and drops the file. But I'm getting an error when using resizeImage to reduce when the file size is larger than 500KB Dropzone.options.{{ str_replace(['_',...
Nguyễn Viết Hòa's user avatar
0 votes
0 answers
117 views

How to use Dropzone with Nextjs? Error: Invalid dropzone element

I'm trying to use Dropzone with Next.js but getting this error message. export default function UploadFiles() { > 67 | let myDropzone = new Dropzone("my-form"); | ^ ...
Jossif Elefteriadis's user avatar
0 votes
0 answers
120 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
199 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
0 votes
0 answers
241 views

How to upload images in chunks to AWS S3 using Dropzone

I'm trying to upload images in chunks directly to an AWS S3 bucket from the frontend web app using Dropzone, but I can't find any workable guide or examples out there. According to this SO answer it ...
theeDude's user avatar
1 vote
1 answer
371 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
102 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
299 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
0 votes
2 answers
644 views

How to upload multiple images using foreach loop in laravel

am uploading multiple images to the database using Dropzone.js.am able to send the data to the controller in the function, but the images are sent as single images, and am able to upload the single ...
Steve Djvoskill Waweru's user avatar
0 votes
1 answer
187 views

multiple update images not showing in request all laravel

I'm doing multiple upload images using dropzone.js. The main reason is to enable the user can upload (drag and drop) multiple images. For upload(store) images it works fine can upload properly but ...
Md Amirul's user avatar
0 votes
1 answer
2k views

Uploading PDF - file does not have a valid mime type in CodeIgniter 4

I am trying to upload a PDF file in my CI 4 web app but I keep getting file does not have a valid mime type. I have no issues with uploading images, just PDF. I made sure I accept both in my ...
elimariaaa's user avatar
0 votes
0 answers
137 views

dropzone.js error found, when add files to drag in the drop zone

enter image description here please look at the gif image. After uploading the image, drag a file from the drop zone to create a duplicate. I want to prevent this action on the screen. How can I ...
이창민's user avatar
1 vote
1 answer
338 views

Dropzone in dynamically created modal and child div

I've had many Dropzones throughout my application and to organize my modals a bit better, I have started to dynamically create a modal div whenever I need to open a new popup. I have noticed that when ...
Matthew's user avatar
  • 1,595
1 vote
1 answer
221 views

Dropzone ajax response with custom variables

I have a form that uploads images in dropzone, and when it uploads it records the names of the images to a mysql database and assigns them the id of a product. I return that id with a json array, but ...
Tremarctos's user avatar
0 votes
0 answers
82 views

Dropzone js : Techical issue, Deleted file not working in mozila firefox

I am using dropzone js for development. There is specific Firefox browser issue. Kindly follow the below steps to reproduce the issue. We are not directly uploading file(s) instead, we select file(s) ...
Chirag Prajapati's user avatar
0 votes
1 answer
366 views

How to pass file using html form, Dropzone and Flask

I am using Dropzone and Flask using html form to pass files. like this below: <form action="/" enctype="multipart/form-data" method="POST" class="...
JA-pythonista's user avatar
0 votes
0 answers
121 views

Resolve "Invalid dropzone element" error: inserting script tag the wrong way

I am getting the following error: Invalid dropzone element The two files of interest are the following: layouts/app.blade.php <!doctype html> <html lang="{{ str_replace('_', '-', app()-&...
Sarah's user avatar
  • 284
0 votes
0 answers
99 views

I can't position a SVG where I need to. Using Tailwind

I am struggling with the positioning of an SVG. Previously it was located correctly. Now it's scrolled up and I can't figure out how to get it back into place. I'm using Laravel 9, Vue 3 as SFC, ...
Andrés Romero's user avatar
0 votes
1 answer
495 views

How can I properly save dropzone files from existing django form and get it from DB when need?

I am trying to handle drag&drop uploads with my django app and facing lack of actual information about dropzone + django. Previously I used just a multiple upload, as you could see below, and it ...
jmur's user avatar
  • 119
0 votes
0 answers
83 views

How to let user preview already uploaded files in Dropzone js on post edit?

I'm trying to create a front-end post creation form using Dropzone js and WordPress. I need to let users show their previously uploaded files when they return to the post to edit it, so they can ...
Pro Developer's user avatar
2 votes
1 answer
175 views

asp.net MVC upload file with subfolder path using DropZone

Assalamualaikum, in ASP.NET MVC, I can upload file by DropZone. Here, if I drag and drop any folder contains sub folders and file, it upload only all files from all sub folder, in a server upload ...
Maruf Hossain's user avatar

1
2 3 4 5
46