Upload Progress Bar in PHP

Question

Does anyone know how to get a progress bar for an upload in php  I am trying writing code for a photo album uploader  I would like a progress bar to display while the photos are uploading    I am fairly new to php so I dont know everything about it

User · Answer

Gears and HTML5 have a progress event in the HttpRequest object for submitting a file upload via AJAX.

http://developer.mozilla.org/en/Using_files_from_web_applications

Your other options as already answered by others are:

Flash based uploader.
Java based uploader.
A second comet-style request to the web server or a script to report the size of data received. Some webservers like Lighttpd provide modules to do this in-process to save the overhead of calling an external script or process.

Technically there is a forth option, similar to YouTube upload, with Gears or HTML5 you can use blobs to split a file into small chunks and individually upload each chunk. On completion of each chunk you can update the progress status.

User · Answer

You would need to use Javascript to create a progress bar  A simple Google search led me to this article  WebAppers Simple Javascript Progress Bar with CSS   Dojo File Upload Progress Bar Widget is another option using the Dojo Javascript framework   EDIT  Assuming your uploading a large number of images  such as a photo album   and POSTing them to your PHP script  you could use javascript to read the results back from the post and update the progress bar based on the number of images uploaded   total number of images  This has the side effect of only updating after each post has completed  Check out here for some info on how to post with JS

User · Answer

This is by far  after hours of googling and trying scripts  the simplest to set up and nicest uploader I ve found  https   github com FineUploader fine-uploader  It doesn t require APC or any other external PHP libraries  I can get file progress feedback on a shared host  and it claims to support html5 drag and drop  personally untested  and multiple file uploads

User · Answer

A php ajax progress bar can be done   Checkout the Html Ajax library in pear   However this requires installing a custom module into php   Other methods require using an iframe  through which php looks to see how much of the file has been uploaded  However this hidden iframe  may be blocked by some browsers addons because hidden iframes are often used to send malicious data to a users computer   Your best bet is to use some form of flash progress bar if you do not have control over your server

User · Answer

Another uploader full JS   http   developers sirika com mfu    Its free   BSD licence   Internationalizable cross browser compliant you have the choice to install APC or not   underterminate progress bar VS determinate progress bar   Customizable look as it uses dojo template mechanism  You can add your class   Ids in the te templates according to your css   have fun

User · Answer

I m sorry to say that to the best of my knowledge a pure PHP upload progress bar  or even a PHP Javascript upload progress bar is not possible because of how PHP works  Your best bet is to use some form of Flash uploader   AFAIK This is because your script is not executed until all the superglobals are populated  which includes   FILES  By the time your PHP script gets called  the file is fully uploaded   EDIT  This is no longer true  It was in 2010

User · Answer

One PHP-ish  5 2    amp  no-Flash way that worked nicely for me   First  see this post explaining how to get  uploadprogress  extension up and running   Then  in the page containing the form that you are uploading file s  from  create the following iframe    lt iframe id  progress iframe  src    style  display none   scrolling  no  frameborder  0  gt  lt  iframe gt    Next  add this code to your  Submit  button   onclick  function set     f document getElementById  progress iframe    f style display  block   f src  uploadprogress php id  lt    upload id  gt     setTimeout set      Now you have a hidden iframe in your form that will come visible and show contents of uploadprogress php when you click  Submit  to start uploading files   upload id must be the same that you are using as the value of hidden field  UPLOAD IDENTIFIER  in your form   The uploadprogress php itself looks about like this  fix and adjust to your needs     lt html gt   lt head gt   lt META HTTP-EQUIV  REFRESH  CONTENT  1 URL  id  lt     GET  id    gt   gt   lt  head gt   lt body gt  Upload progress  lt br   gt   lt  php     if    GET  id    die       info   uploadprogress get info   GET  id          kbytes total   round  info  bytes total     1024        kbytes uploaded   round  info  bytes uploaded     1024       echo  kbytes uploaded      kbytes total   KB     gt   lt  body gt   lt  html gt    Note that is self-refreshes every second  You can surely add some nice visual progress bar here  like 2 nested  lt div gt s with different colors  if you like  The iframe with upload progress naturally only works while the upload is in progress  and ends its visible life once the form is submitted and browser reloads to the next page

User · Answer

If you have APC installed  it has a callback hook for upload progress   Rasmus Lerdorf  PHP s creator  has a sample of this using YUI  oh  and here s the PHP source    See the documentation here

User · Answer

Implementation of the upload progress bar is easy and doesn t require any additional PHP extension  JavaScript or Flash  But you need PHP 5 4 and newer   You have to enable collecting of the upload progress information by setting the directive session upload progress enabled to On in php ini   Then add a hidden input to the HTML upload form just before any other file inputs  HTML attribute name of that hidden input should be the same as the value of the directive session upload progress name from php ini  eventually preceded by session upload progress prefix   The value attribute is up to you  it will be used as part of the session key   HTML form could looks like this    lt form action  upload php  method  POST  enctype  multipart form-data  gt      lt input type  hidden  name   lt  php echo ini get  session upload progress prefix   ini get  session upload progress name      gt   value  myupload    gt      lt input type  file  name  file1    gt      lt input type  submit    gt   lt  form gt    When you send this form  PHP should create a new key in the   SESSION superglobal structure which will be populated with the upload status information  The key is concatenated name and value of the hidden input   In PHP you can take a look at populated upload information   var dump   SESSION      ini get  session upload progress prefix       ini get  session upload progress name         myupload        The output will look similarly to the following     SESSION  upload progress myupload     array     start time    gt  1234567890       The request time    content length    gt  57343257     POST content length    bytes processed    gt  54321       Amount of bytes received and processed    done    gt  false                  true when the POST handler has finished  successfully or not    files    gt  array      0   gt  array         field name    gt   file1         Name of the  lt input   gt  field          The following 3 elements equals those in   FILES        name    gt   filename ext          tmp name    gt    tmp phpxxxxxx          error    gt  0         done    gt  false                True when the POST handler has finished handling this file        start time    gt  1234567890     When this file has started to be processed        bytes processed    gt  54321     Number of bytes received and processed for this file                There is all the information needed to create a progress bar     you have the information if the upload is still in progress  the information how many bytes is going to be transferred in total and how many bytes has been transferred already   To present the upload progress to the user  write an another PHP script than the uploading one  which will only look at the upload information in the session and return it in the JSON format  for example  This script can be called periodically  for example every second  using AJAX and information presented to the user   You are even able to cancel the upload by setting the   SESSION  key   cancel upload   to true   For detailed information  additional settings and user s comments see PHP manual

User · Answer

HTML5 introduced a file upload api that allows you to monitor the progress of file uploads but for older browsers there s plupload a framework that specifically made to monitor file uploads and give information about them  plus it has plenty of callbacks so it can work across all browsers

[php] Upload Progress Bar in PHP

Examples related to php

Examples related to upload

Examples related to progress-bar