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]
438 questions
3
votes
3 answers
react-dropzone opens files chooser twice
I an encountering an issue with react-dropzone for quite a long time.
First, let's jump straight to the problem with a video: https://drive.google.com/open?id=1UmWtHbQ9U0LBHxYtZ1YSoXrfsezwH-os
The file choser window opens twice on every file inputs…
Emmanuel Scarabin
- 645
- 1
- 7
- 23
3
votes
2 answers
decode and move base64 encoded image in laravel
I am trying to implement a image upload with other form elements with dropzone.js in laravel. So far I've managed to display the drag and drop image upload view with other form elements. And also get POST details from the submitted form. But when…
Kasun
- 371
- 6
- 24
3
votes
0 answers
How to attach onClick events to preview image in vue-dropzone-component
I have components dropzone on vue. Im install my template in settings.
Then i want to set v-on:click(method) to preview image in dropzone, but event don`t works. How to set correctly click to element?
Mykola Grinko
- 87
- 2
3
votes
1 answer
hashing content of uploaded file in php
I have a upload form and also a Dropzone file uploader beside it where users can upload their .csv files .
I want to check whether the file is new or not.
the check should contain if the contents of file are new or not
I store the file names in…
Masoud Haghbin
- 803
- 6
- 13
2
votes
0 answers
Should Dropzone work in IE 10, 11 and early Edge versions
I am working on a Dropzone installation for the first time. From what I have seen in the docs, Dropzone should support IE10+. I am getting JS errors and I'm wondering if I am doing something wrong (is it fixable?) or should I quit beating my head…
Tim R
- 21
- 3
2
votes
1 answer
Vue2-Dropzone process form when files manually added
Is it possible to manually process the dropzone form (or queue) when the file is manually loaded?
We have the concept of a drivers license. The user uploads a photo and enters other information such as the license number, expiration date, etc.. The…
Elijah Johannson
- 33
- 3
2
votes
0 answers
React Dropzone: TypeError: children is not a function
I found some similar questions related to this, but they never gave a clear indication of what to do and ultimately resulting in more issues. Here is my code
render(){
return(
Drop Files Here
)
…
Parth Sethi
- 21
- 1
2
votes
0 answers
React dropzone: console.log shows my entire file, but only screen prints only the path
I have a React TS project, and I'm trying to upload files from react-dropzone to my S3 bucket. The problem is: after I load they locally with dropzone, if I console.log() my files I can see all the params:
File
lastModified: 1591991266469
name:…
Lucas Andrade
- 2,353
- 2
- 19
- 38
2
votes
0 answers
react-dropzone-uploader how to display already uploaded files from a react state
I am currently using RDU(react-dropzone-uploader) to upload files to the server, I am saving the uploaded files in a react state. I am trying to figure out how to display the already uploaded files as part of the preview on the dropzone from the…
dev0864
- 175
- 1
- 11
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
- 47
- 8
2
votes
1 answer
Get local file path in React Dropzone
Can anyone help me to let me know, how can I get to know the local file-path while uploading it through React-Dropzone in React.js?
Yogendra
- 35
- 5
2
votes
1 answer
How to use Async Await in "onDrop" of "react-dropzone" ? (Parsing error: Can not use keyword 'await' outside an Async function)
I'm using "react-dropzone" for dropping files :
import React from "react";
import { useDropzone } from "react-dropzone";
const DropzoneUpload = ({ onDrop, accept }) => {
// Initializing useDropzone hooks with options
const { getRootProps,…
JAN
- 18,509
- 49
- 147
- 268
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,180
- 2
- 20
- 50
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
- 251
- 3
- 10
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
- 114
- 10