Question

142

how to set upload button in dropzone.js

rated 0 times [ 147] [ 5] / answers: 1 / hits: 5755 / 10 Years ago, tue, november 25, 2014, 12:00:00

I am using dropzone.js as per my requirement.

I want to use div as file upload control like when user drag & drop a file in the div it should show uploaded files and when user click submit button , it should go to server, next other stuff.

But here I am facing problem like, with Form only it is working, when i am uploading a file it is directly going to server with file, i have written like

 <form action=~/Employer/GetFile method=post enctype=multipart/form-data class=dropzone id=dropzoneForm style=width: 50px; background: none; border: none;>

    <div class=fallback>

        <input name=file type=file />

        <input type=submit value=Upload />

    </div>

 </form>  // Working Fine , 





 <div class=watermark pull-left margin-top-1 dropzone id=divDropFile></div> // Not wroking,

it should upload file(s) only like dropzone.js without destination urls, it should go to server when click on file upload button only. Moreover, file drop is not working.

Please help me anyone.. if it is not possible without form submit, please give any suggestion for alternative solution.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

anitamaeg

Add To Favorites

Follow

Total Points: 466

Total Questions: 106

Total Answers: 106

Location: Suriname

Member since Sun, Jun 13, 2021

3 Years ago

answered 10 Years ago josefn · Accepted Answer

I am not on my development computer so I can't try it out, but there are two things that might help.

1) The div that you want to serve as the dropzone hot spot should not have the class dropzone. It needs the class dz-message. Write it like this:

<div class=watermark pull-left margin-top-1 dz-message id=divDropFile data-dz-message></div>

2) If you don't want it to automatically send the file to the server, you need to add autoProcessQueue = false in your Dropzone.options object. You will then need to manually call myDropzone.processQueue() later to upload the files.