cvs: pear /HTML_Progress2/examples/ajax/upload upm5_upload.php

[email protected] ("Laurent Laville") Mon, 21 Apr 2008 22:30:37 -0000
Newsgroups	php.pear.cvs
Message-ID	<cvsfarell1208817037@cvsserver>
farell		Mon Apr 21 22:30:37 2008 UTC

  Added files:                 
    /pear/HTML_Progress2/examples/ajax/upload	upm5_upload.php 
  Log:
  example with uploadprogress extension backend and labels with new formats:
  %S - speed limit,  %E - time left
  

http://cvs.php.net/viewvc.cgi/pear/HTML_Progress2/examples/ajax/upload/upm5_upload.php?view=markup&rev=1.1
Index: pear/HTML_Progress2/examples/ajax/upload/upm5_upload.php
+++ pear/HTML_Progress2/examples/ajax/upload/upm5_upload.php
<?php
/**
 * Custom example of AJAX file upload with HTML_Progress2,
 * PHP 5.2+ and uploadProgress extension
 *
 * @version    $Id: upm5_upload.php,v 1.1 2008/04/21 22:30:37 farell Exp $
 * @author     Laurent Laville <[email protected]>
 * @package    HTML_Progress2
 * @subpackage Examples
 * @access     public
 * @example    examples/ajax/upload/upm5_upload.php
 *             AP5 basic upload source code
 * @link       http://www.laurent-laville.org/img/progress/screenshot/upm5_upload.png
 *             screenshot (Image PNG, 470x130 pixels) 4,29 Kb
 */

require_once 'PEAR.php';
require_once 'HTML/Progress2.php';

PEAR::setErrorHandling(PEAR_ERROR_DIE);

// build a default horizontal progress bar
$pb = new HTML_Progress2();
$pb->setIdent('PB1');

// will replace the default uplStatus label with formatted option (see auto_server.php)
$pb->addLabel(HTML_PROGRESS2_LABEL_TEXT, 'percentStatus');
// will show the current filename during upload
$pb->addLabel(HTML_PROGRESS2_LABEL_TEXT, 'fileName');

$pb->setCellCount(20);

$pb->setLabelAttributes('pct1', array(
    'width' => 440,
    'height' => 20,
    'valign' => 'center',
    'align' => 'center',
    'color' => 'navy'
));
$pb->setBorderPainted(true);
$pb->setCellAttributes(array(
    'active-color' => 'white',
    'inactive-color' => 'lightblue',
    'width' => 20,
    'spacing' => 2
));
$pb->setBorderAttributes(array(
    'width' => 1,
    'style' => 'solid',
    'color' => 'black'
));
$pb->setLabelAttributes('percentStatus', 'valign=top align=left');
$pb->setLabelAttributes('fileName', 'valign=bottom align=left');

$pb->registerAJAX('auto_server.php', array('RequestUPM5Status'));

// upload progress identifier : must be unique to avoid collision
$progress_key = md5(uniqid(rand(), true));
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>UPM PHP5 AJAX Upload Progress Meter custom example </title>
<script type="text/javascript" src="HTML_Progress2.js"></script>
<?php echo $pb->setupAJAX(); ?>
<script type="text/javascript">
//<![CDATA[
HTML_Progress2.serverClassName  = 'RequestUPM5Status';
HTML_Progress2.serverMethodName = 'getStatus';
HTML_Progress2.onComplete       = 'doNothing';

function beginUpload()
{
    HTML_Progress2.requestArgs = 'uploadID=<?php echo $progress_key; ?>';
    HTML_Progress2.start('<?php echo $pb->getIdent(); ?>', 1000);

}
function doNothing()
{
}
//]]>
</script>
<style type="text/css">
<!--
<?php echo $pb->getStyle(); ?>

body {background-color: #EEEEEE; }
 -->
</style>
</head>
<body>

<form enctype="multipart/form-data" target="tfrm" action="http_upload.php" method="post" onsubmit="beginUpload();">
  <input type="hidden" name="APC_UPLOAD_PROGRESS" id="progress_key" value="<?php echo $progress_key; ?>" />
  <input type="hidden" name="UPLOAD_IDENTIFIER"   id="progress_key" value="<?php echo $progress_key; ?>" />
  <input type="file" id="userfile"  name="userfile" />
  <input type="submit" value="Upload!" />
</form>
<iframe id="tfrm" name="tfrm" style="width:1px;height:1px;border:0"></iframe>

<?php $pb->display(); ?>

</body>
</html>