Questions tagged [dropzone.js]
An open-source javascript library which provides drag-and-drop file uploads with image previews
2,186
questions
0
votes
0answers
19 views
Drop file in a DIV and move it in dropzone.js
I'm currently using dropzone.js and everything is working good.
I'm now looking for a way where:
I drag & drop a file into a normal div.
The dropzone (already initialized in another part of the ...
0
votes
1answer
33 views
How to customize dropzone area in DropzoneJs?
This is current behavior:
I need to customize the height of the dropzone area like bellow.
How can I customize the height and width of this dropzone area?
I have no clue to solve it. please help.
0
votes
0answers
11 views
material-ui-dropzone not display particular images
I'll really really appreciate your help. Most images display correctly in my material-ui-dropzone component but some specific images are appearing with an icon. I've noticed that this particular image ...
0
votes
1answer
24 views
How to invoke “done()” function in transformFile() after calling resizeImage()?
I have a problem with DropzoneJS. It's about the method transformFile. I use this method to calculate MD5 and to generate a presigned upload URL to S3.
It works great when I don't have to resize the ...
0
votes
0answers
19 views
How Do I Submit Preload Image in Dropzone
I am using dropzone.js to upload multiple images to my server and I want to add the image to the server with edit it. But the image that is sent is only the last image I added when I re-submit it.
...
1
vote
1answer
48 views
Use single request for both data and file submission to server
A dropzone js need to create a new form but I want to use the same form to post both data and image, how can I achieve this, any idea.
<form method="POST" enctype="multipart/form-...
-3
votes
0answers
26 views
DropzoneJS Change the name of the files
I don't know how to change the name of uploaded files, add "-1", "- 2" types to them, depending on their number.
var myDropzone = new Dropzone('#dropzonNEWS', {
url: "/...
0
votes
0answers
27 views
React-Dropzone-Component with image compression
I am trying to integrate dropzone in React using react-dropzone-component. The problem I am facing right now, is that I need to compress images before upload. So, I was searching the web and came up ...
1
vote
1answer
44 views
Dropzone doesn't bind other fields to Asp.Net Core viewmodel
I am using the following html to render a dropzone. And my controller is accepting IFormFile and FileViewModel. However dropzone does not bind my input tag which accepts a persons name to the ...
2
votes
0answers
20 views
How to sort and update dropzone images order using sortablejs?
I am working with dropzone with sortablejs, but i am unable to get updated array of files after sort. Sorting is working fine. Please guide me where i am wrong. Below is my code.
var dropzone = new ...
0
votes
0answers
27 views
how to implement dropzone with other form and insert post_id to image table?
so I have a page which contains the form and upload images, and I have two tables in the database ..
Image table
Product Table
All forms are in the product table, and for pictures I put them in the ...
0
votes
0answers
30 views
How do I repeat/loop the preview of the uploaded multiple image?
So I already have code with dropzone js, already on jsfiddle https://jsfiddle.net/fathurrahman/p82tLar9/4/
but
in my code the preview only shows 1 time.. how to display all input to preview? And set ...
1
vote
0answers
43 views
Remove files from dropzone on bootstrap modal close
When I upload the image using dropzone then the image name will be displayed. When I closed the modal then I want to remove the last uploaded image.
Problem
How I manually trigger removedfile function ...
0
votes
0answers
27 views
How to show PDF and make it downloadable using DropZone in ASP.Net MVC
I am using DropZone in my ASP.Net MVC project for file upload.
All works great and can upload Image /PFD format files with the below Code
Here is my Code
1)View and jQuery to upload the image
@if (!...
0
votes
0answers
12 views
Wordpress - WPForms configuring DropZone options to allow file chunking on upload
seems like a rare question, but here goes.
I'm using the Wordpress plugin WP Forms - which in turn uses the native DropZone JS library to handle uploads. Now I run into issues when trying to upload ...
0
votes
1answer
37 views
Implementing DropZone.js properly, best practise?
I am trying to figure out how to implement DropZone.js properly using PHP.
My setup is that I have a main form with a bunch of fields, and then the dropzone form on the side. Every time a file is ...
0
votes
0answers
11 views
Use displayExistingFile of dropzone.js with filestream
I need to use the displayExistingFile method of dropzone.js using the stream of the image and not the url.
In my form I don't save the image on a path but in a database. So I need to show the existing ...
0
votes
0answers
4 views
Why are dropzoneJS resize options having no affect?
I have drop zone working in a rails 6 app with ActiveStorage and Stimulus. However, the resizeHeight and resizeQuality don't seem to have any affect on the uploaded image.
In the settings illustrated ...
0
votes
2answers
30 views
How to resend dropzone files after uploading the form and receiving server messages
I have a form that contains article information and images that I submit using the DropZone library.
I have no problem with this library and it works very well, but when the submitted form had an ...
0
votes
1answer
9 views
On drop anywhere on body start upload
I currently have a dropzone js area like so
<form method="post"
class="dropzone bg-black"
enctype="multipart/form-data"
action="/&...
0
votes
0answers
21 views
Dropzone.js - Dealing with Base64 Image Files Sent by Stock Android Browser - Missing MIME Image Type in Base64
How do I work around the issue mentioned below with Dropzone.js?
Issue with stock Browser picking photos from Gallery
When using the stock browser on an Android 4.4 phone, I get an invalid file ...
0
votes
1answer
26 views
Dropzone.js not uploading files on IOS
I am using dropzone to upload files to a server. When the use adds files to the dropzone, they have the option to alter the name of the file. For example; instead of D6282238752Q82.png, the file will ...
0
votes
0answers
23 views
How to select only one file and allow multiple upload in DropZone.JS
I m working with the latest version ngx-dropzone-wrapper@10.0.1
i know that this question is asked before as link1 link2 link3 but my purpose is different.
I want to limit number of selected files ...
1
vote
0answers
17 views
Dropzone.js insert existing files into Dropzone's file list
So i want to make sure that every image that gets received from an ajax call get's into myDropzone.files object. How can i do that? Here is what i did:
var baseUrl = 'storage/app/uploads/';
...
0
votes
0answers
5 views
How to set dropzonejs variables in wordpress
I'm attempting set up a frontend form with a dropzone element. I enqueued the scripts, and set up my form, but when I try to set variables for the name Dropzone, it did not recognize the name. I found ...
1
vote
0answers
44 views
2 Dropzone on the same page
Currently I have a form with dropzone.js and it works correctly, but the form must be 2 times on the same page, only the styles change when I insert the second form only the first one remains working
...
0
votes
1answer
22 views
How can I setup Dropzone to a Smaller Area
I am using Dropzone code obtained from this web site
DropZoneCode
In this example the dropzone is the width of the entire screen. I would like to reduce that size down to about 400 to 500 pixel. ...
-1
votes
2answers
62 views
is it possible to use dropzone with pinata.cloud (IPFS pinning service)
is it possible to use dropzone with pinata.cloud (IPFS pinning service)
I get:
{"error":"Invalid request format"}
Request URL: https://api.pinata.cloud/pinning/pinFileToIPFS
...
0
votes
0answers
19 views
How to add dropzonejs drag and drop only on one field with django?
I am working on a project in django. In my template, I added the dropzonjs's css and js links. Then in my form I am having different fields. So when I added the class dropzone to the form tag, the ...
0
votes
0answers
17 views
Dropzone not working when add large file as first file
I am using dropzone js for upload files . its working properly when add files no more than max file size. But when i add files. if select a large file more than max file size , it not working properly....
0
votes
1answer
23 views
How do I access the props from my React Dropzone component?
my project involves dragging some photo's onto my react app and being able to upload them.
I've created a photo state that will hold the photo when uploaded:
const [photo, setPhoto] = useState([]);
...
0
votes
0answers
100 views
What cause 'Can't verify CSRF token authenticity' and '422' errors on upload image with dropzone JS?
Working on app for months that has few models accept image upload with dropzone JS using ActiveStorage, and out of no where I can't upload images anymore using dropzone anymore. The only thing I know ...
0
votes
0answers
17 views
flagging upload complete using custom fetch
Due to authentication I'm forced to use a custom fetch method. With parallelUploads defaulting to 2 the first 2 uploads are completed and seem to be flagged as complete since the "Remove Button&...
0
votes
1answer
43 views
How do I get file name when set file object to dropzone js?
With a list array of image name and its url, I tried to set a dropzone to upload these image files, but I was unable to get individual file name for the dropzone.
Here is I tried:
Dropzone....
0
votes
1answer
41 views
dropzone.js `maxfilesexceeded` event is not getting fired. When adding files programatically
I am using dropzone in my vuejs project. I have set maxFiles: 1 in my dropzone options.
Now I have to show existing file from server in dropzone so i am using this code to add existing file in my ...
0
votes
0answers
21 views
Dropzone.js, Laravel and multiple file upload issue
I am attempting to create a multiple file upload with Dropzone.js and Laravel.
Blade view:
<div class="card">
<div class="card-header">
...
0
votes
0answers
14 views
Dropzone: how to store the document key on server in the frontend
I use Dropzone to upload documents to the backend and show already uploaded ones.
The documents on the backend have unique keys allowing to also store multiple files with the same name.
I'm struggling ...
0
votes
0answers
120 views
Why Symfony UX (Dropzone) packages don't include JS scripts?
I'm currently testing the new Symfony UX Dropzone and after a few hours of research I still have one question left to answer: Why don't UX packages include JS scripts? - how is Symfony supposed to ...
0
votes
1answer
14 views
Dropzone: How to open the document when using double clicks on the thumbnail
I would like to open the document when the user double clicks on a Dropzone thumbnail but cannot seem to find o how to do this in the documentation.
2
votes
0answers
27 views
Dropzone.js file upload to spring boot along with payload returns 415 error
I am using dropzone.js in the Ember application for File upload. Using spring-boot 2.0 as backend server. File upload is not working when trying to integrate with the spring boot. Please find the ...
0
votes
2answers
61 views
how to use Dropzone in a react component
I am trying to use Dropzone in a react component.
But it doesn't work. varialble uploadfile is always undefined.
When I choose a file, this error occurs.
The error.
TypeError: Converting circular ...
0
votes
0answers
36 views
Dropzone in a react component does not work
I am trying to use Dropzone in a react component.
But it doesn't work. varialble uploadfile is always undefined and The tag <p>Selected file: {this.uploadfile.name}</p> is not shown.
I ...
1
vote
1answer
30 views
jQuery remove DropZone.js thumbnail after deleting file
We have more option into DropZone.js such as removedFile. In this Javascript script, I try to remove DropZone thumbnail after deleting file from server. Removing file from server works fine, but I can'...
1
vote
0answers
37 views
Insert data in mysql even if there is no image with dropzone js
(Excuse me but i am french)
I am inserting all of my form data as well as images into my mysql table using dropzone JS and it works fine.
But if you don't select an image, the data is not saved.
I ...
1
vote
1answer
38 views
using dropzone.js with pica (or other image compression/resize libraries)
I'd like to resize images before file upload using dropzone.js. I've tried dropzone's built-in resizing feature, but it does not generate high quality images so I do not find it useful. I was hoping ...
2
votes
1answer
91 views
How to get a URL from server and convert it into a valid Dropzone.js file object?
I've just been trying to figure out how to get a file URL from the server and display it as an image in dropzone.
The problem I have is I have no idea how to convert that URL into a dropzone file ...
0
votes
0answers
26 views
Dropzone,js no url provided and dropzone already attached errors
I'm new to dropzone and am trying to implement and am getting 1 errors that I can't seem to get passed.
The first one is "No url provided"
Here is the code I have.
ASPX File
<asp:...
1
vote
0answers
74 views
How to add popup image in to dropzone thumbnail?
Here, I wanted to add popup light-box library to my dropzone js thumbnail that will show up image dialog when user click on each thumbnail. Here, I use this image popup library:
magnific-popup. So I ...
0
votes
0answers
25 views
“myDropzone.removeAllFiles is not a function” (Not Queued)
I am building a dropzone for image upload, and I have an error. By the way, I already looked at a few StackOverflow posts but to no avail.
I have the following code to set up my dropzone:
let ...
1
vote
0answers
174 views
Dropzone Display existing files
I am using Dropzone js to upload images to my application. This works fine on the insert page but I need to be able to edit records and add or change already existing images associated with the record....