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

PHPIt.net: Creating a SECURE file manager with PHP

Chris Shiflett's Blog: PHP Tidbits

Cameron Olthuis' Blog: Top 10 Web Developer Libraries

PHPBuilder.com: File uploads made easy

Ryan Grove's Blog: Minify combines, minifies &caches JavaScript & CSS files to speed up page loads


Community Events





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


threedevsandamaybe symfony2 community list language interview opinion framework laravel api introduction podcast unittest release testing install series developer experience code

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