DropzoneJS is an open source library that provides drag'n'drop file uploads with image previews. It is lightweight, does not depend on any other library (like jQuery)
Questions tagged [dropzone]
494 questions
2
votes
0 answers
ngx-dropzone to load images from list
I am using ngx-dropzone with angular 8. I have used ngx-dropzone for uploading and it works but this time I want to load images from a specific list to dropzone. Here is my code.
…
user12484971
2
votes
0 answers
success event not getting called when showing existing files on server in dropzone.js
I am using dropzone to upload files and show existing files if already uploaded on server. On showing existing files, firing success event - which adds the success class in preview element but it is not executing code in success callback function to…
user1725127
- 89
- 8
2
votes
2 answers
Material-UI DropZone "getFileAddedMessage" handler returning multiple file names in a single string
I am using Material UI dropzone. https://yuvaleros.github.io/material-ui-dropzone/. I am able to drop multiple files at a time. But the component is returning all file names combined in a string on the snack bar alerts. I want to have separate snack…
dev0864
- 465
- 2
- 7
- 17
2
votes
1 answer
Chunked uploads with react-dropzone
I would like to upload chunked files using React-Dropzone. I have the following code:
OnDrop:
const dropTest = async (file, rejectedFiles) => {
var formData = new FormData();
formData.append('file', file);
try {
const response =…
Uğur Cemil Yılmaz
- 43
- 3
- 8
2
votes
0 answers
integrating dropzone with normal form
I have successfully integrated dropzone with my form using jquery. However, I have an issue with validation of the other form inputs. It seems the other form inputs do not respect the validation such as "required". I also tried using parsley for…
Franklin Ekoh
- 83
- 1
- 11
2
votes
0 answers
Click through a / Maintain hover (Drag & Drop Zone)
I want the user to be able to drag and drop a file into the page and trigger an event.
Right now i have an overlay which is on top of the page with z-index: 100 and it works to drop files onto it.
My issue is that it is overlapping every other…
Lucasion
- 21
- 3
I want the user to be able to drag and drop a file into the page and trigger an event.
Right now i have an overlay which is on top of the page with z-index: 100 and it works to drop files onto it.
My issue is that it is overlapping every other…
Lucasion
- 21
- 3
2
votes
1 answer
Dropzone getAcceptedFiles() producing [object File] instead of file
I have added the following function in an attempt to try and get an array of file names placed into the drop zone:
function toggleUploadButton() {
console.log(myDropzone.getAcceptedFiles() + "Accepted Files"); // []
…
Paul
- 3,348
- 5
- 32
- 76
2
votes
1 answer
After image uploaded through dropzone, access parent div
I am confuse i dont know how to access parent div. Let me summarize it!
Actually i have multiple dropzone which i initialize using class '.abc'
above each dropzone there is input where i put image name for uploading. here is my code
…
Arsalan Afridi
- 209
- 3
- 13
2
votes
0 answers
Dropzone.js Installation with NuGet Package Manager in Visual Studio 2019
I've "Installed" the Dropzone.js package through package manager in Visual Studio 2019 for a project in asp.net core 2.2. However, I'm not finding the js file anywhere in the project tree, nor does dropzone seem to be functioning in any manner. Do…
Owen
- 426
- 5
- 15
2
votes
1 answer
Use React Dropzone Uploader with custom input field
Can I integrate input inside react dropzone uploader? Basically the file I get from input should go to dropzone uploader.
React File Dropzone: https://github.com/fortana-co/react-dropzone-uploader
KillMe
- 184
- 5
- 20
2
votes
0 answers
Dropzone : Unprocessable entity Laravel 5
I have the following code. It is suppossed to send the formData of title ,tag and description to the controller for uploading.But I keep recieving this error.
Error :
Failed to load resource: the server responded with a status of 422 (Unprocessable…
Turbo
- 124
- 11
2
votes
1 answer
Django redirect is not working with dropzone.js
Redirect in Django is not working when files are uploaded using Dropzone.js, so I used windows.href in the Dropzone success event but I have to pass a parameter.
views.py:
if request.method == 'POST' and request.FILES['files']:
...
if…
elle
- 103
- 1
- 1
- 8
2
votes
1 answer
make every mount a new folder in dropzone js upload directory
im using dropzone.js in my project to upload articles image.
for example all of article images will upload here:
www.site.com/images/uploads/.... .jpg
my dropzone usage
var myDropzone = new Dropzone("div#myId", { url:…
K1-Aria
- 1,093
- 4
- 21
- 34
2
votes
0 answers
Dropzone.js configuration options are not recognized
I am using Dropzone.js in my Asp.Net Core2 application for my file-upload and storage routine. This works fine, except when I want to use the configuration options. Whatever I am doing, the browser does not recognize the code. This seems to stupid…
Charles de M.
- 633
- 7
- 20
2
votes
0 answers
dropzone.js : click on thumbnail to show the original image?
I'm trying to use dropzone.js and I wouldlike to know what is the best way to add a link on the thumbnails to show the original image in a lightbox. I need to add a link around the data-dz-thumbnail with the success event from what I see.
To get…
EmyW12
- 21
- 1