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

How to prevent the image from being flipped?

When i charge the image this sees flipped but is only with some ones, and all was uploaded with the dropzone, I have a form that serves only to upload the image by dragging, only one photo is allowed to be uploaded since it is used for the profile…
Andrés Vélez
  • 113
  • 1
  • 6
0
votes
2 answers

Syfmony: upload files with dropzone

I'm developing a king of simple CMS, with Symfony 4.1. Regarding my question, we have 2 entities: Post Entity:
user2711783
  • 65
  • 2
  • 10
0
votes
1 answer

Dropzone Image Upload Dynamic URL

I have added dropzone component in vue. I want to change the image upload URL dynamically, see the attached screenshot.
Muhammad Abrar Hassan
  • 39
  • 4
0
votes
1 answer

Rails Roolback Transaction When trying to upload images using carrierwave

I am trying to upload images (file) using carrierwave to cloudinary for selecting the images using dropzone_js gem rails. tried many times it seems everything is fine but file is not uploading to cloudinary but the associated post is posting…
Pradeep Rayapudi
  • 19
  • 4
0
votes
1 answer

After calling .load dropzone keeps the old picture and doesn't refresh

I'm using dropzone from https://www.dropzonejs.com to upload a single picture. I'm loading a html-page with the command .load of jquery like this: $( "#showsettingsother" ).click(function() { $('#settingscontent').load('settingscompany.html',…
ubik
  • 17
  • 3
0
votes
3 answers

Remove blur effect when hovering on top of image preview in dropzone.js

I'm using dropzone.js and I would like to remove the blur effect when I hover on top of my uploaded image preview. You can observe this behavior directly on the website from dropzone's home page, on the example. https://www.dropzonejs.com/ Thanks…
Djodjo
  • 95
  • 10
0
votes
1 answer

how to accelerate video upload vuejs

My teammate and I are working on a pwa that you can see here: link to our pwa The app has been launched last week. However some users told us that they were having issues while uploading their videos. The upload was taking too long even for small…
Nassim
  • 23
  • 5
0
votes
0 answers

Upload file to s3 via presigned URL 403 error

I have following lambda signing code: var AWS = require('aws-sdk') var s3 = new AWS.S3() var bucketName = 'xxxx' const { withStatusCode } = require('../../utils/response.util') const ok = withStatusCode(200, JSON.stringify) const busboy =…
Aldarund
  • 17,312
  • 5
  • 73
  • 104
0
votes
1 answer

React call a function from another function

after setup a simple image upload i've tried to call another function from a function and the logs spits out Unhandled Rejection (TypeError): self.sendImage is not a function here is the code readFile(files) { var self = this; if…
user9157191
0
votes
3 answers

using the Router component inside of a function react

I have a react component called react-dropzone. It allows you to drag and drop files, which then invokes a function (usually you "do" something with the file, but you can have it invoke any function you please). When a file is dropped, I want to…
Hanley Soilsmith
  • 579
  • 2
  • 9
  • 27
0
votes
1 answer

Upload base64 image to the server with Axios and React native

Actually we have site which use dropzone.js for uploading image to the server. I'm working with react native app and need to replicate dropzone js behavior. I'm trying to send base64 image but request return Multipart requests must contain at least…
Petia Mushinskiy
  • 41
  • 1
  • 1
  • 5
0
votes
2 answers

Dropzone js validate on submit

I have a form where I am using dropzone.js for file upload. Now I am validating all the input fields. But i'm not able to validate the file before submission. If the file is uploaded, then the submission should work. Otherwise it should throw an…
Sam
  • 1,381
  • 4
  • 30
  • 70
0
votes
1 answer

I can't upload files with Laravel and Dropzone.js

I'm trying to upload a file using Laravel and Dropzone.js as friendly UI. According to the Enyo's tutorial and the official documentation and this tutorial in Spanish this one and that one. But I just can't figure out why I can't receive in the…
mito
  • 61
  • 8
0
votes
3 answers

$(element).click() not triggering even inside $(function() {})

I have an input element (Dropzone) that's hidden, and is written in the original html's body (was not appended).
UFC Insider
  • 838
  • 1
  • 7
  • 19
0
votes
2 answers

dropzone.js - upload directories and files to Spring MVC

I am able to upload files and files within folders using dropzone.js to my Spring Controller but I don't get the files with their dragged folders. For example, if I drag and dropped the directory ~/media/ which contains image1.jpg and image2.jpg, I…
karen
  • 893
  • 2
  • 13
  • 38
1 2 3
…
99
100