php與js實現進度條的操作,php上傳進度條

本文目錄一覽:

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-hant/n/304416.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
小藍的頭像小藍
上一篇 2025-01-01 11:05
下一篇 2025-01-01 11:05

相關推薦

  • PHP和Python哪個好找工作?

    PHP和Python都是非常流行的編程語言,它們被廣泛應用於不同領域的開發中。但是,在考慮擇業方向的時候,很多人都會有一個問題:PHP和Python哪個好找工作?這篇文章將從多個方…

    編程 2025-04-29
  • Python棧操作用法介紹

    如果你是一位Python開發工程師,那麼你必須掌握Python中的棧操作。在Python中,棧是一個容器,提供後進先出(LIFO)的原則。這篇文章將通過多個方面詳細地闡述Pytho…

    編程 2025-04-29
  • Python操作數組

    本文將從多個方面詳細介紹如何使用Python操作5個數組成的列表。 一、數組的定義 數組是一種用於存儲相同類型數據的數據結構。Python中的數組是通過列表來實現的,列表中可以存放…

    編程 2025-04-29
  • Python操作MySQL

    本文將從以下幾個方面對Python操作MySQL進行詳細闡述: 一、連接MySQL數據庫 在使用Python操作MySQL之前,我們需要先連接MySQL數據庫。在Python中,我…

    編程 2025-04-29
  • PHP怎麼接幣

    想要在自己的網站或應用中接受比特幣等加密貨幣的支付,就需要對該加密貨幣擁有一定的了解,並使用對應的API進行開發。本文將從多個方面詳細闡述如何使用PHP接受加密貨幣的支付。 一、環…

    編程 2025-04-29
  • Python磁盤操作全方位解析

    本篇文章將從多個方面對Python磁盤操作進行詳細闡述,包括文件讀寫、文件夾創建、刪除、文件搜索與遍歷、文件重命名、移動、複製、文件權限修改等常用操作。 一、文件讀寫操作 文件讀寫…

    編程 2025-04-29
  • Python代碼實現迴文數最少操作次數

    本文將介紹如何使用Python解決一道經典的迴文數問題:給定一個數n,按照一定規則對它進行若干次操作,使得n成為迴文數,求最少的操作次數。 一、問題分析 首先,我們需要了解迴文數的…

    編程 2025-04-29
  • Python元祖操作用法介紹

    本文將從多個方面對Python元祖的操作進行詳細闡述。包括:元祖定義及初始化、元祖遍歷、元祖切片、元祖合併及比較、元祖解包等內容。 一、元祖定義及初始化 元祖在Python中屬於序…

    編程 2025-04-29
  • 如何用Python對數據進行離散化操作

    數據離散化是指將連續的數據轉化為離散的數據,一般是用於數據挖掘和數據分析中,可以幫助我們更好的理解數據,從而更好地進行決策和分析。Python作為一種高效的編程語言,在數據處理和分…

    編程 2025-04-29
  • Python列表的讀寫操作

    本文將針對Python列表的讀取與寫入操作進行詳細的闡述,包括列表的基本操作、列表的增刪改查、列表切片、列表排序、列表反轉、列表拼接、列表複製等操作。 一、列表的基本操作 列表是P…

    編程 2025-04-29

發表回復

登錄後才能評論