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
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
- 3
2
votes
0 answers
Dropzone display server images but not saving laravel
I'm using Dropzone.js,I displayed server images inside dropzone box with remove link and it works fine but my problem is when I click on butto to save uploaded images server images not saving in database just new uploaded images are saving
my…
user21008784
- 21
- 2
2
votes
1 answer
DropZone JS check file size according to Document Type MVC 5 C#?
I am new to dropzone js but this plugin looks amazing. I want to use dropzone js to save multiple files but according to the Document type. Means I have Doc Type like,
@Html.DropDownList("LKP_DocType", null, " ", htmlAttributes: new { @class =…
Syed Mohsin
- 31
- 1
2
votes
0 answers
Generating SHA1 checksum of file in DropzoneJS
In order to upload a file to Backblaze B2 directly from the browser, I need to send the X-Bz-Content-Sha1 header.
This header is the SHA1 of the added file.
This is from an example using raw JS and not DropzoneJS:
const file =…
Only Bolivian Here
- 35,719
- 63
- 161
- 257
2
votes
1 answer
Dropzone Rails Gem How to Send with 0 Files
I want to know the right way on how I handle still sending even when I have 0 files uploaded. I have a form that has a lot of data to input and the images are optional.
I could probably send this with an entirely separate Ajax request that is a…
TheMangaStand
- 193
- 3
- 13
2
votes
3 answers
react-dropzone accepts all uploaded file types instead of specified file type(s) in "accept" parameter
My react-dropzone 'accept': { .. } parameter seems to be totally ignored when I am uploading files.
My useDropzone({}):
const {getRootProps, getInputProps, isDragActive} = useDropzone({
onDrop,
noClick: true,
'accept': {
…
yeln
- 462
- 2
- 10
- 23
2
votes
0 answers
how to remove or delete selected file from React-Dropzone
I have the following code and I am trying to remove or delete a selected file when the x button is press. Currently I am able to upload a image by drag and drop. I can see a preview of the image. I have added a button at the top left of the preview.…
Jerry seigle
- 79
- 2
- 11
2
votes
0 answers
Dropzone HEIC images uploaded as JPG do not save
I'm using Dropzone for image uploads. If a HEIC image is uploaded I use heic2any to convert the file using this bit of code: https://github.com/dropzone/dropzone/issues/1984#issuecomment-886460171. I check the file.type and if it is an image/heic I…
Kris
- 657
- 1
- 7
- 19
2
votes
3 answers
Is there a way to limit the max number of parallel processes that upload chunks in dropzone.js?
We need to be able to support large uploads to our site. That's why we have implemented chunked uploading with Dropzone.js.
It works great, but when I use a very large file, I can see in Chrome's network debug view that all requests are immediatly…
Peter
- 21
- 1
2
votes
0 answers
Upload is not automatically | Dropzone & Django
I'm trying to upload an Excel file automatically with Dropzone but it's not happening.
HTML:
{% load static %}
Auditoria - SAE
Felipe Dourado
- 441
- 2
- 12
2
votes
0 answers
How to get files posted from dropzonejs to nodejs backend using Multer?
In the front end, I used Dropzonejs to create a drag and drop file system.
2
votes
0 answers
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 example link
Code
// open create folder modal
…
Mukkaram Waheed
- 483
- 7
- 31
2
votes
1 answer
Dropzone JS - Redirect after all files have uploaded
I have the below dropzone JS form which uploads files as It should.
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
- 43
- 7
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
- 1
- 4