本文目錄一覽:
php 怎麼做進度條
一般來說,很少會有人直接用PHP輸出
進度條
,但是也是可以實現的(需要JS)。
原理和過程:
利用flush函數會提前輸出緩衝區內容;
內容是主要的進度條;
循環》
輸出改變內容的JS;
暫停一秒,繼續循環;
所有的輸出都要先放到緩衝區的,直接echo的輸出是等到頁面結束才輸出。
用戶的函數:
sleep()
ob_start()
ob_flush()
flush()
或
ob_implicit_flush();
具體的代碼就不寫了,要自己動手哦,百度下每個函數的意思,加深理解和記憶。
PHP中使用Session配合Javascript實現文件上傳進度條功能
Web應用中常需要提供文件上傳的功能。典型的場景包括用戶頭像上傳、相冊圖片上傳等。當需要上傳的文件比較大的時候,提供一個顯示上傳進度的進度條就很有必要了。
在PHP
5.4以前,實現這樣的進度條並不容易,主要有三種方法:
1.使用Flash,
Java,
ActiveX
2.使用PHP的APC擴展
3.使用HTML5的File
API
第一種方法依賴第三方的瀏覽器插件,通用性不足,且易帶來安全隱患。不過由於Flash的使用比較廣泛,因此還是有很多網站使用Flash作為解決方案。
第二種方法的不足在於,它需要安裝PHP的APC擴展庫,要求用戶能夠控制服務器端的配置。另外,如果安裝APC僅僅是為了實現一個上傳進度條,那麼顯然有點殺雞用牛刀的意思。
第三種方法應該是最為理想的方法,不需要服務器端的支持,僅在瀏覽器端使用Javascript即可。但是由於HTML5標準尚未確立,各瀏覽器廠商的支持也不相同,所以暫時這種方法還難以普及。
PHP
5.4中引入的基於session的上傳進度監視功能(session.upload_progress),它提供了一個服務器端的上傳進度監視解決方案。升級到PHP
5.4之後,可以不必安裝APC擴展,僅使用原生PHP和前端的Javascript即可實現上傳進度條。
下面我們就詳細介紹一下
PHP
5.4
的這個
session.upload_progress
新特性。
原理介紹
當瀏覽器向服務器端上傳一個文件時,PHP將會把此次文件上傳的詳細信息(如上傳時間、上傳進度等)存儲在session當中。然後,隨着上傳的進行,周期性的更新session中的信息。這樣,瀏覽器端就可以使用Ajax周期性的請求一個服務器端腳本,由該腳本返回session中的進度信息;瀏覽器端的Javascript即可根據這些信息顯示/更新進度條了。
那麼,文件上傳信息具體是如何存儲的?我們要如何訪問它呢?下面我們來詳細說明。
PHP
5.4
中引入了一些配置項(在php.ini中進行設置)
複製代碼
代碼如下:
session.upload_progress.enabled
=
“1”
session.upload_progress.cleanup
=
“1”
session.upload_progress.prefix
=
“upload_progress_”
session.upload_progress.name
=
“PHP_SESSION_UPLOAD_PROGRESS”
session.upload_progress.freq
=
“1%”
session.upload_progress.min_freq
=
“1”
其中enabled控制upload_progress功能的開啟與否,默認開啟;cleanup
則設置當文件上傳的請求提交完成後,是否清除session的相關信息,默認開啟。
prefix
和
name
兩項用來設置進度信息在session中存儲的變量名/鍵名。關於這兩項的詳細使用見下文。
freq
和
min_freq
兩項用來設置服務器端對進度信息的更新頻率。合理的設置這兩項可以減輕服務器的負擔。
在上傳文件的表單中,需要為該次上傳設置一個標識符,並在接下來的過程中使用該標識符來引用進度信息。具體的,在上傳表單中需要有一個隱藏的input,它的name屬性為php.ini中
session.upload_progress.name
的值;它的值為一個由你自己定義的標識符。如下:
複製代碼
代碼如下:
input
type=”hidden”
name=”?php
echo
ini_get(‘session.upload_progress.name’);
?”
value=”test”
/
接到文件上傳的表單後,PHP會在$_SESSION變量中新建鍵,鍵名是一個將session.upload_progress.prefix的值與上面你自定義的標識符連接後得到的字符串,可以這樣得到:
複製代碼
代碼如下:
$name
=
ini_get(‘session.upload_progress.name’);
$key
=
ini_get(‘session.upload_progress.prefix’)
.
$_POST[$name];
$_SESSION[$key];
//
這裡就是此次文件上傳的進度信息了
php中怎麼實現讀取數據進度條功能?
?php//防止執行超時set_time_limit(0);//清空並關閉輸出緩存ob_end_clean();//需要循環的數據for($i = 0; $i 188; $i++){ $users[] = ‘Tom_’ . $i;}//計算數據的長度$total = count($users);//顯示的進度條長度,單位 px$width = 500;//每條記錄的操作所佔的進度條單位長度$pix = $width / $total;//默認開始的進度條百分比$progress = 0;?htmlheadtitle動態顯示服務器運行程序的進度條/titlemeta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /stylebody,div input { font-family: Tahoma; font-size: 9pt}/stylescript language=”JavaScript” !– function updateProgress(sMsg, iWidth) { document.getElementById(“status”).innerHTML = sMsg; document.getElementById(“progress”).style.width = iWidth + “px”; document.getElementById(“percent”).innerHTML = parseInt(iWidth / ?php echo $width; ? * 100) + “%”; } — /script/headbody div style=”margin:50px auto; padding: 8px; border: 1px solid gray; background: #EAEAEA; width: ?php echo $width+8; ?px” div style=”padding: 0; background-color: white; border: 1px solid navy; width: ?php echo $width; ?px” div id=”progress” style=”padding: 0; background-color: #FFCC66; border: 0; width: 0px; text-align: center; height: 16px”/div /div div id=”status”/div div id=”percent” style=”position: relative; top: -30px; text-align: center; font-weight: bold; font-size: 8pt”0%/div /div?phpflush(); //將輸出發送給客戶端瀏覽器foreach($users as $user){ // 在此處使用空循環模擬較為耗時的操作,實際應用中需將其替換; // 如果你的操作不耗時,我想你就沒必要使用這個腳本了 :) for($i = 0; $i 1000000; $i++) { } ?script language=”JavaScript” updateProgress(“正在操作用戶 ?php echo $user; ? ….”, ?php echo min($width, intval($progress)); ?);/script?php flush(); //將輸出發送給客戶端瀏覽器,使其可以立即執行服務器端輸出的 JavaScript 程序。 $progress += $pix;} //end foreach?script language=”JavaScript” //最後將進度條設置成最大值 $width,同時顯示操作完成 updateProgress(“操作完成!”, ?php echo $width; ?);/script?phpflush();?/body/html
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/304416.html