504 questions
0
votes
0
answers
27
views
material-ui-dropzone issues when dropping a valid and an invalid file
The documentation says that the onDrop function returns all the files which are dropped. But it only returns the valid files which are dropped.
I am facing issues when I drop a valid and an invalid ...
- 788
2
votes
1
answer
50
views
Styling MudDrop ItemRender
I have this component. When code is commented, ItemRenderer (MudPaper) takes 100% width of parent (MudDropZone). But when I uncomment code and add showing description on hover, it stops to fill 100% ...
- 65
0
votes
0
answers
76
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 ...
- 43
0
votes
0
answers
11
views
Dropzone in react not allowing for clickable uploads of needed file only dropping
I have a dropzone for file upload I cab drag and drop a file but cannot click and open file picker to upload it.
Here is my code:
import React, { useState } from 'react';
import Modal from 'react-...
- 1
0
votes
0
answers
23
views
useDropzone causing 500 on refresh in Next.js App on Vercel
We're using dropzone in a Next.js app hosted on Vercel.
When the page loads from being navigated from somewhere else in the app it's fine. If you refresh the page with that URL or load directly there ...
- 19
0
votes
0
answers
18
views
Have issue for rotate and crop using cropperjs
Here is my blade file.
@include('backend.inc.image_picker', [
'label' => translate('Gallery Images'),
'size' => '(...
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 ...
- 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 ...
- 197
0
votes
0
answers
40
views
Dropzone not accepting propriety onDrop
I want to create a dropzone in my React project but for some reason, even the code from their site gives an error
'use client'
import { ImageType } from "@/app/admin/add-products/AddProductForm&...
-1
votes
2
answers
100
views
REACT JS AND NEXT JS image Dropzone with Cropper
I want code dropzone with image cropper
I want when i upload image first it will open modal of cropper and after that final cropped image will saved. Create one component and use that component every ...
0
votes
0
answers
20
views
Files uploaded in Dropzone, but not moving to next tab or logging in Laravel
Problem:
Files are uploaded in Dropzone but the tab does not move to the next one.
No updates in the console or Laravel logs for debugging.
Desired Outcome:
From Dropzone, files are uploaded > ...
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
266
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&...
- 21
0
votes
0
answers
30
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 ...
- 41
0
votes
0
answers
62
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
208
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 ...
- 11
0
votes
1
answer
55
views
I have an error using dropzone.js in a modal
I am using Angular 10 to create a form. At a certain point a modal with a dropzone must be displayed to load images. But when trying to get the saved images I get the following error: TypeError: ...
0
votes
0
answers
44
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 ...
- 979
0
votes
0
answers
81
views
react-dropzone , isDragReject not working when file exceeds max size
using react-dropzone,I added ,maxSize: 1048576, when i drag a file the exceed this size
isDragReject is false even that the file is rejected. how can i over come it ?
I tried to use onDragEnter and ...
- 53
0
votes
0
answers
24
views
Django: The image list is empty from dropzone when save
I tried to use multi photo upload that the process was worked. But i using dropzone.js, the files list is empty。There is my code showed below.
models.py
class AssetImage(models.Model):
asset = ...
- 1
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 ...
1
vote
0
answers
151
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 ...
- 11
0
votes
0
answers
61
views
dropzone js - upload copied file leaving it open gives 'server responded with code 0'
I use dropzone to upload my files.
these files are usually downloaded from my web application, modified and later uploaded to the same web application.
Downloaded the file from my web appln.(to ...
- 27
0
votes
0
answers
51
views
DropZone implementation with multiple file types + Carrierwave
I have searched a lot for a straightforward way or example to integrate Dropzone into my existing ActiveAdmin application that already uses carrier waves for single file upload
But I'm not able to ...
- 255
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 ...
- 1,304
0
votes
0
answers
28
views
Why Route In Terminal Work but Nothink Happen
Please Help
Why route in terminal work?
127.0.0.1 - - [17/Jan/2024 00:20:04] "POST /classification/ HTTP/1.1" 302 -
127.0.0.1 - - [17/Jan/2024 00:20:04] "GET /hasil/True-NORMAL2-IM-0421-...
- 1
0
votes
1
answer
41
views
Dropzon show Error uploading photos:The upload path does not appear to be valid
When I try to upload photos using Dropzone, the error message mentioned above appears, indicating an issue with the upload path. I have double-checked the path settings in my code, and they seem to be ...
0
votes
0
answers
96
views
Problem with Dropzone in Laravel 10, it does not load to the db
From my client form I have placed a dropzone to upload multiple files, in my table the column is called Files, but when I send the form that column is empty. and the files were not sent to storage ...
- 11
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
80
views
Dropzone is created but do not show drag and drop box
May be it's a very simple task but there is unexpected behavior in my project!
I'm creating a form and want to use Dropzone in my form inside blade file of my Laravel 10 project.
I added CSS and JS ...
- 2,578
1
vote
0
answers
124
views
Django Rest and Dropzone React "The submitted data was not a file. Check the encoding type on the form."
I've got a react frontend with django backend trying to upload some images to django api enpoint
I have 1 model in django but i want to first upload an image and then submit the rest of the data, the ...
- 59
0
votes
1
answer
120
views
Laravel always return invalid json response when using Dropzone
I have tried using Dropzone with laravel. And follow the tutorial at this link:here
The file was uploaded successfully, but the json response from the controller is always invalid. After I checked ...
- 13
0
votes
0
answers
44
views
Integrating Dropzone: Append Files to FormData on Main Form Submission
Hello Stack Overflow community!
I'm currently working on a CodeIgniter 4 project and I'm trying to integrate Dropzone file into my main form. The specific behavior I want to achieve is that when my ...
user19640250
0
votes
0
answers
47
views
dropzone form not storing the images to the database and directory
I have a form in codeigniter 3 application. The dropzone is implemented on the form, the problem is when I submit the form the dropzone picture stored but it ignore my other simple image field. Please ...
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 ...
- 137
1
vote
1
answer
431
views
Folder upload functionality in react/next app
I'm learning NextJs.
I want to upload folder from client side. is there any way to do it in React/Next JS?
I did try to do it with html input component. <input type="file" name="...
0
votes
0
answers
2k
views
How to use material ui dropzone into my react with typescript application?
Button on click should open the mui dropzone which helps me import files.
I tried adding the components from https://www.npmjs.com/package/material-ui-dropzone?activeTab=readme but it does not work ...
- 43
0
votes
1
answer
398
views
Struggling with integrating DropZoneJS into a C# WebForms app
I am struggling to get DropZoneJS to work in my ASP.NET C# WebForms app, and I could use some help.
I have the following code in a basic Master page:
<%@ Master Language="C#" ...
- 137
0
votes
1
answer
3k
views
Angular CDK Drag Drop: Get X and Y position on dropped element with respect to its parent
I am building an Angular app. I have bunch of dragable elements on left side and a dropzone on the right side. when I drag and drop the element into the dropzone. I need to know where exactly the ...
- 109
1
vote
1
answer
522
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 ...
- 1,645
0
votes
0
answers
180
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()-&...
- 285
1
vote
1
answer
870
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 ...
- 149
0
votes
0
answers
48
views
Javascript Dropzone allowing folder upload
I am currently trying to create a dropzone file uploader that can also accept folders, and upload the files by recursively traverse the folder.
Here is my implementation so far, my goal is to make one ...
- 27
0
votes
1
answer
467
views
Adding ngx-dropzone twice in a component to select different Images
I want to add ngx-dropzone in my component so that it can select different imagesenter image description here
Here's my HTML code
type here<div class="statement">
<ngx-dropzone ...
0
votes
1
answer
55
views
how to fix dropzone .js, Copying a File in dropzone area
Please look at the gif.
After uploading the image,Drag within the dropzone area to copy image file..
How can I fix this?
$("div.dropzone").dropzone({
url: "test",
...
- 1
0
votes
2
answers
253
views
Codeigniter 4 dropzone upload after redirect url
I am uploading files with Codeigniter 4. I want the page to refresh after loading but my code is not working. Here is the controller I use.
At the bottom I have the code for the redirect but this code ...
0
votes
3
answers
3k
views
Customize DropZoneArea for material-ui-dropzone
I would like to customize the look of the DropZoneArea besides the simple dropZoneText and Icon props. I have successfully done it, but I get the following react warning Failed prop type: Invalid ...
- 75
2
votes
0
answers
187
views
Dropzone display server images but not saving laravel
I'm using Dropzone.js,I displayed server images inside dropzone box with remove link and it works fine but my problem is when I click on butto to save uploaded images server images not saving in ...
- 21
0
votes
2
answers
132
views
Call controller on remove of dropzone js
I'm currently working on dropzone for file upload on ASP.Net Core MVC, so I have a simple div and call dropzone via JS as:
<div class="clsbox-1" runat="server">
<...
- 65
0
votes
1
answer
381
views
Upload File / Image using Dropzone.js with Selenium-Ide
Hi Everyone
I'm new to selenium, please bear with me, and guide me a little bit.
So I want to make an automation process with selenium-ide, with the hope that this automation will make testing in my ...
- 31