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

AnyExamples.com: PHP multiple photo thumbnail generator

DevShed: Working with Strings and the Composite Pattern in PHP 5

Elizabeth Smith's Blog: How to Compile PHP5.2 and PHP-GTK2 on Windows using Visual C++ Express

DevShed: Completing a Blogging Application with the Code Igniter PHP Framework

PHPMaster.com: Internationalization Made Easy


Community Events





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


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

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