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>