페이지로드시 progessbar 표시

Question

나는 PHP로 페이스 북 앨범을 다운로드하는 스크립트를 만들었습니다. 다운로드 버튼을 클릭하면 스크립트가 장면 뒤의 앨범에있는 모든 사진을 가져 와서 폴더 안에 압축합니다. 다운로드 프로세스가 시간이 걸릴 수 있으므로 사용자가 다운로드 버튼을 클릭하는 즉시 "진행률 표시 줄"을 시작하고 싶습니다.

다음은 모든 압축 파일을 생성 여기가 download.php

에 앨범 ID를 전달하고 다음하고 index.php

if ($album['count'] != "0 photos") 
{ 
    echo "<a href=\"download.php?id={$album['id']}\" title='Download this Album' class='downloadbtn'><img src=\"common/images/download_button (1).png\"></a>"; 
} 

나는 다운로드 폴더에 이미지를 다운로드하고 download.php의 코드가있다 해당 이미지 및 해당 zip 파일을 다운로드하십시오.

<?php 
require 'facebook/facebook.php'; 

$facebook = new Facebook(array(
      'appId' => 'xxxxxxxxxxxxx', 
      'secret' => 'xxxxxxxxxxxxxxxxxxxxx', 
      'cookie' => true, 
     )); 

//GETTING THE ID HERE FROM INDEX.PHP FILE 

$albumid = $_GET['id']; 
$photos = $facebook->api("/{$albumid}/photos?limit=50"); 

$file_name = rand(1, 99999) . "_image.zip"; 
$albumArr = array(); 
foreach ($photos['data'] as $photo) { 
    $albumArr[] = $photo['source']; 
} 

create_zip($albumArr, $file_name); 

function create_zip($files, $file_name, $overwrite = false) { 
    $i = 0; 
    $imgFiles = array(); 
    foreach ($files as $imglink) { 
     $img = @file_get_contents($imglink); 
     $destination_path = 'downloads/' . time() . "Image_" . $i . '.jpg'; 
     @file_put_contents($destination_path, $img); 
     $imgFiles[] = $destination_path; 
     $i++; 
    } 

    if (file_exists($file_name) && !$overwrite) { 
     return false; 
    } 
    $valid_files = array(); 
    if (is_array($imgFiles)) { 
     foreach ($imgFiles as $file) { 
      $valid_files[] = $file; 
     } 
    } 

    if (count($valid_files)) { 

     $zip = new ZipArchive(); 
     if ($zip->open($file_name, $overwrite ? ZIPARCHIVE::OVERWRITE : ZIPARCHIVE::CREATE) !== true) { 
      echo "Sorry ZIP creation failed at this time"; 
     } 
     $size1 = 0; 
     foreach ($valid_files as $file) { 
      $size1+= filesize($file); 
      $zip->addFile($file, pathinfo($file, PATHINFO_BASENAME)); 
     } 

     $zip->close(); 

     $allimages = glob('downloads/*.jpg'); 

     foreach ($allimages as $img) { // iterate images 
      if (is_file($img)) { 
       unlink($img); // delete images 
      } 
     } 

     $count = $zip->numFiles; 
     $resultArr = array(); 
     $resultArr['count'] = $count; 
     $resultArr['destination'] = $file_name; 

     $filename = $file_name; 
     $filepath = $_SERVER['HTTP_HOST'] . '/'; 
     $path = $filepath . $filename; 

     if (file_exists($filename)) { 
      // push to download the zip 
      header('Content-type: application/zip'); 
      header('Content-Disposition: attachment; filename="' . $filename . '"'); 
      readfile($filename); 
      unlink($filename); 
     } 
    } else { 
     return false; 
    } 
} 
?> 

나는 시간이 걸릴 수 있습니다 다운로드 프로세스로 "진행률 표시 줄"가능한 한 빨리 사용자가 클릭 다운로드 버튼을 시작합니다.

어떻게하면됩니까? 감사합니다

Answer 1

이와 비슷한 기능이 있습니까? 나는 당신의 질문을 이해하지 않은 경우 알려주세요

HTML :

<img id="loadingImage" src="pathToImage" alt="" style="display:none" /> 
//pathToImage is the path to where your image is located 

jQuery를 :

$('#YourButtonID').click(function(){ 
    $('#loadingImage').css('display','block'); 
    //call your download page 
    return false; 
}); 

다운로드 후

및 완료 리디렉션, 진행 막대를 숨기려면이 메소드를 호출

$('#loadingImage').css('display','none'); 

Answer 2

아약스를 사용하여이 작업을 수행 할 수 있습니다.

$(document).ready(function() 
{ 
    $("#download_button").click(function() { 
    document.getElementById('progressbar').style.display=''; 
    //call your download page. 
    }); 
});