Stack Overflow
Stack Overflow

Questions tagged [dropzone.js]

An open-source javascript library which provides drag-and-drop file uploads with image previews

Dropzone.js is a light weight library that turns an element into a dropzone. This means that a user can drag and drop a file onto it, and the file is uploaded to the server by . It supports all major browsers (IE, FireFox, Chrome, Safari, Opera) natively and has legacy file input support for others.

Starting with version 2.0 this library no longer depends on , but it still registers itself as a module if available.

This tag should be used for questions about the usage of the Dropzonejs API in web development.

Relevant Links:

2258 questions
0
votes
0 answers

Dropzone with struts to upload files

With struts, the uploaded files will be saved as tmp first, how to guarantee the uploaded files are in sequence, since I have to save them with the original file names?
MIT
  • 109
  • 1
  • 7
0
votes
0 answers

Dropzonejs on Brave Browser - data image preview not working

I recently moved to Brave Browser and noticed a problem with the preview generation on dropzonejs (when the Brave's "shield" functionnality is on only). When I inspect the generated element I see the src like this : src(unknown) and when I…
Etshy
  • 870
  • 7
  • 25
0
votes
2 answers

Apply async/await to fetch-then calls

I have the following code which reads from an array of image URLs in imagesList, it then fetches from these images and adds them to the myDropzone1 box. The problem is that images are being added I think in the order they are done fetching, and not…
J K
  • 519
  • 5
  • 9
  • 28
0
votes
1 answer

Why do dropzone options fail to load?

I have a dropzone on my view and would like to set some options to force the files to be .zip. I also need to allow for these files to be bigger and get some information when it returns. The options don't seem to be loading for me and quecomplete…
Rachel Martin
  • 525
  • 6
  • 18
0
votes
1 answer

Reactjs Show Dynamic Value

Hi I am using the below code to upload images at Cloudinary import React, { Component } from 'react'; import './App.css'; import Dropzone from 'react-dropzone'; import axios from 'axios'; const FETCH_URL =…
todd
  • 325
  • 3
  • 15
0
votes
1 answer

Dropzone.js - Multiple file upload without duplicated response

TLDR; I managed to simplify my question after a good night's sleep. Here's the simpler question. I want to upload N files to a server, which would process them together and return a single response (e.g. Total foobars in all files combined =…
Anand Venkataraman
  • 163
  • 1
  • 7
0
votes
1 answer

How to redirect dropzone.js selected preview image to a new page?

Using dropzone I would browse for a image file and the preview image would be displayed on the class "dropzone-previews". On the below the button trigger, how I can send "dropzone-previews" to another new page and display the image from…
Fortytwo
  • 107
  • 1
  • 3
  • 10
0
votes
2 answers

Dropzone - Can't set custom Dropzone.js options

I am trying to use Dropzone.js on my Laravel website. This is my setup: index.blade.php:
@csrf
And in my app.js file, I have below…
oliverbj
  • 5,771
  • 27
  • 83
  • 178
0
votes
1 answer

Laravel Dropzone without class form Invalid element

i am trying to make a multiple upload with dropzone on laravel and i take a look on documentation of dropzone. The example must be using form and give class dropzone , here my case i want to use dropzone and others text field and got error…
0x00b0
  • 343
  • 1
  • 3
  • 17
0
votes
0 answers

Multiple Dropzone fileuploads in Google Puppeteer

I'm trying to upload a file via Google Puppeteer on a page with multiple (three) Dropzone instances. The first instance accepts video files, while the other two accept image types. To upload a file to the video Dropzone I'm using this code which is…
Fabian Marz
  • 219
  • 1
  • 10
0
votes
1 answer

How to solve 'prop type error' for my react-dropzone app

I am trying to build an app using react dropzone to handle file uploading. I have been scratching my head about this error for hours now. Warning: Failed prop type: Invalid prop children of type array supplied to Dropzone, expected function. …
azp
  • 1
  • 1
0
votes
1 answer

How to Send Authentication Token Header with DropzoneJs?

I am having a problem sending an authorization header with dropzonejs this.componentConfig = { iconFiletypes: ['.jpg', '.png', '.gif'], showFiletypeIcon: true, postUrl: `${getBaseUrl()}/Controller/ImportImage`, headers: { …
chobo2
  • 83,322
  • 195
  • 530
  • 832
0
votes
1 answer

How to show selects field with each selected file in dropzone.js

I am having a problem with my dropzone.js. when I select a file or files in the dropzone I want to show a select field with each file. see the dropzone in the below image. I have no idea about this how to figure out this, I have searched for this…
Salman Iqbal
  • 442
  • 5
  • 23
0
votes
1 answer

how to submit dropzone.js with different buttons

I'm using dropzone.js with Laravel. I'm submitting files with two different buttons (see image below). When Merge and Upload as one file is clicked I want to send this button value to the controller. When Save each file separately is clicked I want…
Salman Iqbal
  • 442
  • 5
  • 23
0
votes
0 answers

Error while implementing dropzone with laravel 5.7

I am having trouble integrating DROPZONE with form text on a system, using laravel 5.7. I read the documentation but could not implement it. reference: https://github.com/enyo/dropzone/wiki/Combine-normal-form-with-Dropzone I read some tutorials…
Helder Ferrari
  • 35
  • 5
1 2 3
…
99
100