2,261
questions
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">
<...
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 ...
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
...
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 = $(...
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 ...
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 ...
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 ...
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 ...
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 ...
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 { ...
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&...
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 ...
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, ...
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 ...
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&...
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 ...
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. ...
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 ...
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/...
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 ...
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 ...
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. ...
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 ...
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 ...
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 ? ...
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 ...
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,
...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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-...
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 ...
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 ...
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'...
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&...
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 ...
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 ...
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 ...
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, ...
-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 ...
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',
...
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 ...
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 ...
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 ...
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": {
&...
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
...
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 ...