> 백엔드 개발 > PHP 문제 > PHP에서 다운로드 진행 표시줄을 구현하는 방법

PHP에서 다운로드 진행 표시줄을 구현하는 방법

藏色散人
풀어 주다: 2023-03-13 14:42:02
원래의
2929명이 탐색했습니다.

PHP에서 다운로드 진행률 표시줄을 구현하는 방법: 1. "switch ($action) {case 'prepare-download'...}"와 같은 코드를 사용하여 "download.php" 파일을 만듭니다. 2. 진행 상황을 표시합니다. js 코드를 생성하여 바 그게 다입니다.

PHP에서 다운로드 진행 표시줄을 구현하는 방법

이 기사의 운영 환경: Windows 7 시스템, PHP 버전 7.1, DELL G3 컴퓨터

PHP에서 다운로드 진행률 표시줄을 구현하는 방법은 무엇입니까?

PHP 원격 파일 다운로드 진행률 표시줄 구현

download.php

<?php
// 当前文件:download.php

$action = @$_GET[&#39;action&#39;];

// 自己获取这些信息
$remote_url  = get_remote_file_url();
$file_size   = get_remote_file_size($remote_url);
$tmp_path    = get_tmp_path();

switch ($action) {
    case &#39;prepare-download&#39;:
        // 下载缓存文件夹
        $download_cache = __DIR__."/download_cache";

        if (!is_dir($download_cache)) {
            if (false === mkdir($download_cache)) {
                exit(&#39;创建下载缓存文件夹失败,请检查目录权限。&#39;);
            }
        }

        $tmp_path = $download_cache."/update_".time().".zip";

        save_tmp_path(); // 这里保存临时文件地址

        return json(compact(&#39;remote_url&#39;, &#39;tmp_path&#39;, &#39;file_size&#39;));

        break;

    case &#39;start-download&#39;:

        // 这里检测下 tmp_path 是否存在

        try {
            set_time_limit(0);

            touch($tmp_path);

            // 做些日志处理

            if ($fp = fopen($remote_url, "rb")) {

                if (!$download_fp = fopen($tmp_path, "wb")) {
                    exit;
                }

                while (!feof($fp)) {

                    if (!file_exists($tmp_path)) {
                        // 如果临时文件被删除就取消下载
                        fclose($download_fp);

                        exit;
                    }

                    fwrite($download_fp, fread($fp, 1024 * 8 ), 1024 * 8);
                }

                fclose($download_fp);
                fclose($fp);

            } else {
                exit;
            }

        } catch (Exception $e) {
            Storage::remove($tmp_path);

            exit(&#39;发生错误:&#39;.$e->getMessage());
        }

        return json(compact(&#39;tmp_path&#39;));

        break;

    case &#39;get-file-size&#39;:

        // 这里检测下 tmp_path 是否存在

        if (file_exists($tmp_path)) {
            // 返回 JSON 格式的响应
            return json([&#39;size&#39; => filesize($tmp_path)]);
        }

        break;

    default:
        # code...
        break;
}
로그인 후 복사

js

// 咋触发这个函数我就不举例了
function downloadFile() {
    var file_size = 0;
    var progress  = 0;

    console.log("Prepared to download");

    $.ajax({
        url: &#39;./download.php?action=prepare-download&#39;,
        type: &#39;GET&#39;,
        dataType: &#39;json&#39;,
        beforeSend: function() {
            $(&#39;#update-button&#39;).html(&#39;<i class="fa fa-spinner fa-spin"></i> 正在准备&#39;).prop(&#39;disabled&#39;, &#39;disabled&#39;);
        },
    })
    .done(function(json) {
        console.log(json);

        file_size = json.file_size;

        $(&#39;#file-size&#39;).html(file_size);

        // 显示进度条

        console.log("started downloading");
        $.ajax({
            url: &#39;./download.php?action=start-download&#39;,
            type: &#39;POST&#39;,
            dataType: &#39;json&#39;
        })
        .done(function(json) {
            // set progress to 100 when got the response
            progress = 100;

            console.log("Downloading finished");
            console.log(json);
        })
        .fail(showAjaxError);

        var interval_id = window.setInterval(function() {

            $(&#39;#imported-progress&#39;).html(progress);
            $(&#39;.progress-bar&#39;).css(&#39;width&#39;, progress+&#39;%&#39;).attr(&#39;aria-valuenow&#39;, progress);

            if (progress == 100) {
                clearInterval(interval_id);

                // 到此远程文件下载完成,继续其他逻辑
            } else {
                $.ajax({
                    url: &#39;./download.php?action=get-file-size&#39;,
                    type: &#39;GET&#39;
                })
                .done(function(json) {
                    progress = (json.size / file_size * 100).toFixed(2);

                    updateProgress(progress);

                    console.log("Progress: "+progress);
                })
                .fail(showAjaxError);
            }

        }, 300);

    })
    .fail(showAjaxError);

}
로그인 후 복사

추천 학습: "PHP 비디오 튜토리얼"

위 내용은 PHP에서 다운로드 진행 표시줄을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
php
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿