php - 在进度元素上显示 AJAX 上传状态

Question

我有一个 AJAX 脚本，用于将文件上传到 PHP 脚本，该脚本可能至少需要 10 秒才能运行。我想为用户显示它的进度。

在执行类中，我有一个属性 $progress随着进度(1-100)和方法更新 get_progress() (目的应该很明显)。

问题是，如何更新 <progress>元素在前端供用户查看？

我认为 AJAX 是解决方案，但我就是无法理解它。我无法访问同一个对象实例。

Answer 1

我会把它放在这里作为任何搜索的引用 - 这完全不依赖于 javascript..

<?php

/**
 * Quick and easy progress script
 * The script will slow iterate through an array and display progress as it goes.
 */

#First progress
$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.
 *
 * @param $current integer Current progress out of total
 * @param $total   integer Total steps required to complete
 */
function outputProgress($current, $total) {
    echo "<span style='position: absolute;z-index:$current;background:#FFF;'>" . round($current / $total * 100) . "% </span>";
    myFlush();
    sleep(1);
}

/**
 * Flush output buffer
 */
function myFlush() {
    echo(str_repeat(' ', 256));
    if (@ob_get_contents()) {
        @ob_end_flush();
    }
    flush();
}

?>