Nesting dropzone in existing form? #14
Description
I have a form for posting blog entries. I want to be able to submit multiple fields at once. Instead of designating the class of the form as 'dropzone' is it possible to be able to have a dropzone div nested in my current form so one button will submit all my fields, including multiple image upload, at once?
Something like this stackoverflow question, but with flask-dropzone. Thanx in advance for any assistance!
My form:
<!DOCTYPE HTML> <form action="{{ url_for('add_post') }}" method="post" class="add-post" enctype="multipart/form-data"> <dl> <dt>Post title: <dd><input type="text" size="30" name="title" spellcheck="true" required> <dt>Post date: <dd><input type="date" name="post_date" required> <dt>Post description(one sentence): <dd><textarea name="description" rows="3" cols="40" spellcheck="true" required></textarea> <dt>Post html file: <dd><input type="file" name="html_file" required> <dt>Post image(s) file:</dt> <!--Can something like this be done?--> <div class="dropzone" id="myDropzone"> {{ dropzone.create(action=url_for('show_posts')) }} </div> <dd><input type="submit" value="Submit"> </dl> </form>