edit-task

Task Description: Drag and Drop 'ZONE' functionality, ] support for multiple files, ] image file preview, *create date = false

Start Date:

Start Time:

Duration:

Priority:

Status: To Do Completed In Process

Add Photo:

Owner ID:

Content: use HTML Edit Content <h1 style="text-align: center;">file upload - drag and drop files onto 'target'</h1> <h2>[what]</h2> <ol> <li>] file upload - currently we support single file pick and choose file upload</li> </ol> <h2>[why]</h2> <ol> <li>] drag and drop files - from local filesystem to input form,</li> </ol> <h2>[where]</h2> <ol> <li>] target is form, can be different container (just need to specify),&nbsp;</li> </ol> <h2>[when]</h2> <ol> <li>] 2013</li> </ol> <h2>[example]</h2> <ol> <li>]</li> </ol> <h2>[how-to]</h2> <ol> <li>] add script ref</li> <li>]&nbsp;</li> </ol> <h2>[reference]</h2> <ol> <li>] git repo -&nbsp;</li> <li>] <a href="http://www.dropzonejs.com/" target="_blank">support / documentation site</a> -&nbsp;</li> <li>] wiki -&nbsp;</li> </ol><hr /> <h1 style="text-align: center;">developer implementation</h1> <h2>[.process]<span style="font-size: 10px;">&nbsp;</span></h2> <ol> <li>*] test ing 'dropzone.js' standalone component&nbsp;</li> <li>] with form action set to "" ( asp form default) ...&nbsp;</li> <ol> <li>] dropzone throws error - no url</li> </ol> <li>x] specify the path to the form we are posting to ...</li> <ol> <li>] &lt;form id="dropZone" class="dropzone" method="post" action="../add/article.cshtml" enctype="multipart/form-data"&gt; &nbsp;&lt;/form&gt;</li> </ol> <li>] error -&nbsp;</li> </ol> <h2>[.notes]</h2> <ol> <li>] src = trending on github, 2013-10</li> <li>] the .js ver from the website works, the .js version from the git .zip download package does not</li> <li>x] dev LIST of a few alternative client side components that do similar things</li> <li>x] can be implemented as COMPONENT, amd module, with 'require.js'</li> <li>x] easy to implement client side&nbsp;</li> <li>]&nbsp;</li> </ol> <div><hr /></div> <h2>&nbsp;</h2> <h1 style="text-align: center;">status</h1> <p>&nbsp;</p> <h2>[-previously-]</h2> <ol> <li>[2013-10-10]</li> <li>ERROR on file upload - 403. - verb is not allowed or something, set form action&nbsp;</li> <li>ERROR on file upload -&nbsp;</li> </ol> <h2>[-current-]</h2> <ol> <li> <div>&nbsp;]</div> </li> </ol> <h2>[-next-]</h2> <ol> <li> <div>]</div> </li> </ol> <p style="text-align: left;">&nbsp;&nbsp;</p>