Handling modal popup file uploads in javascript dialog box based forms

So, you’ve designed a sweet UI that uses loads of AJAX and dialog boxes to ensure a mighty-fine user experience and a powerful administration tool that uses minimal page redirects by making use of fancyBox, Colorbox or another javascript dialog plugin.┬áBut wait. You need to be able to allow the user to upload a file (or more than one) using one of your dialog-based forms. Herein lies the rub – AJAX cannot help you when it comes to modal popup file uploads, so how do you keep the user on the same page without compromising your UI flow?

That, my friend, is where you call upon the mighty iframe…

Continue reading Handling modal popup file uploads in javascript dialog box based forms