News Feed
Sections




News Archive
Looking for more information on how to do PHP the right way? Check out PHP: The Right Way

NetTuts.com:
Uploading Files with AJAX
July 26, 2011 @ 13:19:43

NetTuts.com has a new tutorial posted showing you some of the basics of uploading files via Ajax a bit more natively.

I can't seem to reach the end of the fun stuff you can do with emerging web technologies. Today, I'm going to show you how to do something that-until the last while-has been almost unprecedented: uploading files via AJAX. Oh, sure, there have been hacks; but if you're like me, and feel dirty every time you type iframe, you're going to like this a lot.

Their method won't work in every browser, but it can be adapted to work as far back as IE6. The code and markup are included for each of the pieces for the example - the HTML for the upload form, the CSS to help style the resulting list of uploaded images, the simple PHP to handle the uploads and the jQuery-based code that implements the FileReader and FormData objects supported in newer browsers. The end result is a page like this that includes both the form and the list of uploaded images.

1 comment voice your opinion now!
upload file tutorial jquery javascript filereader formdata


blog comments powered by Disqus

Similar Posts

Ian Selby's Blog: Uploading Large Files With PHP

Zumba Engineering Blog: Mocking Singleton PHP classes with PHPUnit

Norbert Mocsnik's Blog: Setting Up DokuWiki with Simple Authentication

Joshua Eichorn's Blog: Adding AJAX to a Website step by step, Part II

PHPMaster.com: PHP DOM: Working with XML


Community Events





Don't see your event here?
Let us know!


community series podcast version laravel symfony voicesoftheelephpant update release opinion install library framework composer package tool language interview introduction security

All content copyright, 2014 PHPDeveloper.org :: info@phpdeveloper.org - Powered by the Solar PHP Framework