| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218 |
- <?php
- /**
- * Zend Framework
- *
- * LICENSE
- *
- * This source file is subject to the new BSD license that is bundled
- * with this package in the file LICENSE.txt.
- * It is also available through the world-wide-web at this URL:
- * http://framework.zend.com/license/new-bsd
- * If you did not receive a copy of the license and are unable to
- * obtain it through the world-wide-web, please send an email
- * to license@zend.com so we can send you a copy immediately.
- *
- * @category Zend
- * @package Zend_ProgressBar
- * @subpackage Demos
- * @copyright Copyright (c) 2005-2015 Zend Technologies USA Inc. (http://www.zend.com)
- * @license http://framework.zend.com/license/new-bsd New BSD License
- */
- /**
- * This sample file demonstrates a simple use case of a jspull-driven progressbar
- */
- if (isset($_GET['uploadId'])) {
- set_include_path(realpath(dirname(__FILE__) . '/../../../library')
- . PATH_SEPARATOR . get_include_path());
- require_once 'Zend/ProgressBar.php';
- require_once 'Zend/ProgressBar/Adapter/JsPull.php';
- require_once 'Zend/Session/Namespace.php';
- $data = uploadprogress_get_info($_GET['uploadId']);
- $bytesTotal = ($data === null ? 0 : $data['bytes_total']);
- $bytesUploaded = ($data === null ? 0 : $data['bytes_uploaded']);
- $adapter = new Zend_ProgressBar_Adapter_JsPull();
- $progressBar = new Zend_ProgressBar($adapter, 0, $bytesTotal, 'uploadProgress');
- if ($bytesTotal === $bytesUploaded) {
- $progressBar->finish();
- } else {
- $progressBar->update($bytesUploaded);
- }
- }
- ?>
- <html>
- <head>
- <title>Zend_ProgressBar Upload Demo</title>
- <style type="text/css">
- iframe {
- position: absolute;
- left: -100px;
- top: -100px;
- width: 10px;
- height: 10px;
- overflow: hidden;
- }
- #progressbar {
- position: absolute;
- left: 10px;
- top: 50px;
- }
- .pg-progressbar {
- position: relative;
- width: 250px;
- height: 24px;
- overflow: hidden;
- border: 1px solid #c6c6c6;
- }
- .pg-progress {
- z-index: 150;
- position: absolute;
- left: 0;
- top: 0;
- width: 0;
- height: 24px;
- overflow: hidden;
- }
- .pg-progressstyle {
- height: 22px;
- border: 1px solid #748a9e;
- background-image: url('animation.gif');
- }
- .pg-text,
- .pg-invertedtext {
- position: absolute;
- left: 0;
- top: 4px;
- width: 250px;
- text-align: center;
- font-family: sans-serif;
- font-size: 12px;
- }
- .pg-invertedtext {
- color: #ffffff;
- }
- .pg-text {
- z-index: 100;
- color: #000000;
- }
- </style>
- <script type="text/javascript">
- function makeRequest(url)
- {
- var httpRequest;
- if (window.XMLHttpRequest) {
- httpRequest = new XMLHttpRequest();
- if (httpRequest.overrideMimeType) {
- httpRequest.overrideMimeType('text/xml');
- }
- } else if (window.ActiveXObject) {
- try {
- httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
- } catch (e) {
- try {
- httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
- } catch (e) {}
- }
- }
- if (!httpRequest) {
- alert('Giving up :( Cannot create an XMLHTTP instance');
- return false;
- }
- httpRequest.onreadystatechange = function() { evalProgress(httpRequest); };
- httpRequest.open('GET', url, true);
- httpRequest.send('');
- }
- function observeProgress()
- {
- setTimeout("getProgress()", 1500);
- }
- function getProgress()
- {
- makeRequest('Upload.php?uploadId=' + document.getElementById('uploadId').value);
- }
- function evalProgress(httpRequest)
- {
- try {
- if (httpRequest.readyState == 4) {
- if (httpRequest.status == 200) {
- eval('var data = ' + httpRequest.responseText);
- if (data.finished) {
- finish();
- } else {
- update(data);
- setTimeout("getProgress()", 1000);
- }
- } else {
- alert('There was a problem with the request.');
- }
- }
- } catch(e) {
- alert('Caught Exception: ' + e.description);
- }
- }
- function update(data)
- {
- document.getElementById('pg-percent').style.width = data.percent + '%';
- document.getElementById('pg-text-1').innerHTML = data.timeRemaining + ' seconds remaining';
- document.getElementById('pg-text-2').innerHTML = data.timeRemaining + ' seconds remaining';
- }
- function finish()
- {
- document.getElementById('pg-percent').style.width = '100%';
- document.getElementById('pg-text-1').innerHTML = 'Upload done';
- document.getElementById('pg-text-2').innerHTML = 'Upload done';
- }
- </script>
- </head>
- <body>
- <form enctype="multipart/form-data" method="post" action="Upload.php" target="uploadTarget" onsubmit="observeProgress();">
- <input type="hidden" name="UPLOAD_IDENTIFIER" id="uploadId" value="<?php echo md5(uniqid(rand())); ?>" />
- <input type="file" name="file" />
- <input type="submit" value="Upload!" />
- </form>
- <iframe name="uploadTarget"></iframe>
- <div id="progressbar">
- <div class="pg-progressbar">
- <div class="pg-progress" id="pg-percent">
- <div class="pg-progressstyle"></div>
- <div class="pg-invertedtext" id="pg-text-1"></div>
- </div>
- <div class="pg-text" id="pg-text-2"></div>
- </div>
- </div>
- <div id="progressBar"><div id="progressDone"></div></div>
- </body>
- </html>
|