News Feed
Sections




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

PHPMaster.com:
Tracking Upload Progress with PHP and JavaScript
February 06, 2012 @ 13:58:32

In a new tutorial today from PHPMaster.com, they show you how to combine Javascript and a PHP feature to track the progress of an upload to your web application.

A problem that has plagued web developers for years is how to add real-time information to their applications, such as a progress bar for file uploads. [...] JavaScript can access a file's name, type, and even the width and height of a local image, but it wasn't until HTML5 that it could access a file's size. [...] In this article I'll show you how [the session.upload_progress] feature can be used to create a simple upload progress bar without any external libraries or browser dependencies.

The tutorial provides all the steps you'll need to get it working - defining the form with the extra required field, styling it and plugging the Javascript in to call a small script to get the progress of the upload. It returns the difference between the content-length of the file and the current size (as a percentage of 100).

0 comments voice your opinion now!
track upload progress extension javascript tutorial progressbar


blog comments powered by Disqus

Similar Posts

NetTuts.com: Refactoring Legacy Code - Part 10: Dissecting Long Methods with Extractions

Lukas Smith: On predictable PHP release cycles

Stefan Mischook's Blog: Object Oriented PHP Videos are now out!

SitePoint PHP Blog: The Joy of Regular Expressions [2]

DevShed: Creating a Validation Helper Class


Community Events

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


php7 introduction voicesoftheelephpant laravel example opinion library unittest extension laravel5 xdebug install framework podcast language series release community interview api

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