>All Tutorials 
Ajax and .NET Ajax and .NET RSS XML
Ajax and ColdFusion Ajax and ColdFusion RSS XML
Ajax and Java Ajax and Java RSS XML
Ajax and PHP Ajax and PHP RSS XML
Ajax and SOA Ajax and SOA RSS XML
Ajax Goodies Ajax Goodies RSS XML
Ajax Tool Ajax Tool RSS XML
Facebook MockAjax Facebook MockAjax RSS XML
Google Web Toolkit Google Web Toolkit RSS XML
JavaScript Framework JavaScript Framework RSS XML
Ruby on Rails Ruby on Rails RSS XML
Technique Introduction Technique Introduction RSS XML
Without XMLHttpRequest Without XMLHttpRequest RSS XML
Yahoo! UI Yahoo! UI RSS XML

AJAX File upload Progress - upload file php joshua patch pm progress eichorn

 
Registered tutorials: 501
Registered Users: 38833



Rating: 3.27 out of 11 votes cast


  
Category: Ajax and PHP

Tags Map

accept access action add adding ajax apache aparicio application apply applying april archive array assigned august author axin bandwidth bar basic big bit blog broken browser bug build call callback called calling calls case change check class client code compile compiled complete conditions connection contact continue counter create created creates current daniel data dave de debugging december delete demo demophp details detecting directory display div divs dont download downloaded easy echo eichorn el email emil error errors extension fabs feature february feedback feel ff file files final finally find fine firefox fix fixed folder form formatbytes free function functions getfirstdivbyclass getstatus give gonzalo good google great greg guess guessing hack handle hard harsh helpful helps hey hidden himanshu hope html htmlajax http id idea identifier ids iframe iframes iis im included incomplete info information inline inshan install installation installed instantly instructions integrated interested interesting internet january jason javascript johnny josh joshua jpspan js jsclientlocation july june khairullah koopman language large larger line link linked linux list load location long longer loop lot mac machine main march matter mb meg mentioned message messages meter meterupload method missing move moveuploadedfile multiple mysql naikel needed newest nice normal note noticed november object objects october older onload opera output package page part passed patch patches patrick pdorufromroupload pear people percent perl php phpbluganetprogressdemodemoserverphpclient phpinfo phpini phpvalue place pm point popup post posted posting print problem problems process processing program progress project projects prop provide proxy put question ranjan read reason reference related reloading remember remote required result results ret return returned roy rss run running safari script scripts search seconds send september serj server servers set setting setup shold show shows side site size small solution sounds source speed st start starting starts status stopped submit submitted support suppose svn svnbluganethtmlajaxuploadprogressmetertrunk syntax table tarball target term test tested testing time title tiutiun tmp track trick understand update updated upgrade upload uploaded uploading uploadprogressmetergetinfo uploadprogressmeterremote uploadprogressmeterstatusgetstatus uploads user users values var variables version view wanted web websvn websvnbluganetwsvnhtmlajaxuploadprogressmetertrunkrevsc widget window windows work worked working works write writes wylie xajax xml xmlhttprequest xp

Keyword Cloud Navigation Map

AJAX File upload Progress

Digg this   Post to del.icio.us

Abstract: This tutorial shows the way how to organize the Upload Progress Meter that shows the progress of file upload with PHP

A couple days ago I found an interesting ruby on rails project. It uses AJAX to update a progress bar as the file uploads. The trick is a patch to rails for getting upload status and doing the upload in an iframe so that the main page is still active.

So to replicate this I just had to find a patch that provides upload status in PHP and then implment my little iframe upload widget.

I found the PHP with a little work from google: Upload Progress Meter

First you need to install the patch and the extension, the included instructions are easy to follow. The only problem I found is that: upload_progress_meter.store_method = “file” had to be set in my php.ini before thing would work.

I also ran into a JPSpan problem, if your having network problems the status call might take longer then 1 second, and you’ll get Call in Progres error alert. This can be fixed with the current version of JPSpan but i’d like to see some api added to help. The proxied objects need some type of inProgress call to make this an easy fix.

One item of note is that the extension only provides information in a way to provide 1 progress bar per form no matter how many files. The javascript code is setup so multiple forms could be on a page at once and both uploading, but this hasn’t been tested.


Read Full Tutorial...



Reviews:

Rate and Review This Site

No reviews yet


Statistic Information About this Resource:


Total Hits: 2257
Unique Hits: 1910


  Daily Weekly Monthly
  Unique Total Unique Total Unique Total
Average 0.6 0.7 5.3 5.7 41.9 47.7
Current 0 0 1 1 6 7
Previous 1 1 5 6 31 32
Mar 8 0 0 5 5 23 25
Mar 7 0 0 6 6 31 33
Mar 6 3 3 10 11 38 42
Mar 5 0 0 7 7 43 49
Mar 4 0 0 0 0 48 55
Mar 3 1 2 11 12 45 51
Mar 2 1 1 0 0 117 136
Mar 1 0 0 8 9 37 47
Highest 30 34 119 138 509 584


Script Execution Time: 1.13593 | SQL Queries: 10 | Members: 501
Ajax Tutorial Top List - Powered by Aardvark Topsites PHP 5.1.2