AJAX アップロードの進行状況を「要素」で表示する方法

Progress 要素を使用した AJAX アップロードの進行状況の表示

AJAX 経由で長時間のファイルのアップロードを行う場合、ユーザーに視覚的なフィードバックを提供することが重要です。進捗状況。この記事は、 を更新する方法を検討することで、この問題に対処することを目的としています。

実行クラスには、アップロードの進行状況を追跡する $progress プロパティと、この値を取得する get_progress() メソッドがあります。課題は、AJAX を介してフロントエンドで同じインスタンスにアクセスすることにあります。

JavaScript を使用しないソリューション

AJAX は一般的なソリューションですが、要件がJavaScript を使用せずに進行状況を確認するには、次の PHP スクリプトの使用を検討してください。

// Quick and easy progress script
$array1 = array(2, 4, 56, 3, 3);
$current = 0;

foreach ($array1 as $element) {
    $current++;
    outputProgress($current, count($array1));
}
echo "<br>";

// Second progress
$array2 = array(2, 4, 66, 54);
$current = 0;

foreach ($array2 as $element) {
    $current++;
    outputProgress($current, count($array2));
}

// Output span with progress
function outputProgress($current, $total) {
    echo "<span>

このスクリプトは配列を反復処理し、 のスパンとして進行状況を出力します。ループ内のパーセンテージ。関数 myFlush() を使用すると、出力がすぐに送信され、進行状況をリアルタイムで表示できるようになります。

以上がAJAX アップロードの進行状況を「要素」で表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。