Wie füge ich Fortschrittsbalken zum Herunterladen der Datei hinzu?

Ich brauche Hilfe zu diesem Code. Also ich habe diesen Code geschrieben und jetzt brauche ich hinzufügen, Fortschrittsbalken und zeigen heruntergeladene Datei Link nach der heruntergeladenen Datei auf den Server ... Und wie kann ich es zu diesem Code hinzufügen? Danke!Wie füge ich Fortschrittsbalken zum Herunterladen der Datei hinzu?

<html> 
 
<p style="width: 70%;margin: auto;margin-top: 5%;font-size:larger;text-align:center"> 
 
Download Any Files From Any URL</p> 
 
<form method="post" style="width: 70%;margin: auto;margin-top: 10%;"> 
 
<input name="url" size="50" placeholder="Please Enter Valid URL>>>" style="width: 100%;height: 10%;font-size: 1.5em;padding:10px" required> 
 
<input name="submit" type="submit" value="Start Download" style="width: 30%;height: 10%;margin: 5% auto; display: block;"> 
 
<p style="width: 70%;margin: auto;margin-top: 10%;font-size:larger;text-align:center"> 
 
Your File Downloaded To <?php echo getcwd(); ?> Server</p> 
 
<p style="width: 70%;margin: auto;font-size: smaller;text-align: center;position: fixed;bottom: 0;background: #fff;"> 
 
Powered by: <a href="#" target="_blank" style="color:#f60;text-decoration:none;">Developers</a></p> 
 
</form> 
 
<?php 
 
    // maximum execution time in seconds 
 
    // set_time_limit (24 * 60 * 60); 
 
    if (!isset($_POST['submit'])) die(); 
 
    // folder to save downloaded files to. must end with slash 
 
    $destination_folder = ''; 
 
    $url = $_POST['url']; 
 
    $newfname = $destination_folder . basename($url); 
 
    /* // old script 
 
    $file = fopen ($url, "rb"); 
 
    if ($file) { $newf = fopen ($newfname, "wb"); 
 
     if ($newf) 
 
     while(!feof($file)) { fwrite($newf, fread($file, 1024 * 8), 1024 * 8); } 
 
    } 
 
    if ($file) { fclose($file); } 
 
    if ($newf) { fclose($newf); } 
 
    */ 
 
    file_put_contents($newfname, fopen($url, 'r')); 
 
?> 
 
</html>

Ich brauche abgeschlossen Fortschrittsbalken und zeigen Link-Dateien hinzufügen.

Quelle

2017-02-09 oktam yoqubov

Mögliche Duplikat [Kann ich jQuery UI Fortschrittsbalken zeigen den Fortschritt des Herunterladens einer Datei?] (Http: //stackoverflow.com/questions/2595317/cani-i-use-jquery-ui-progress-bar-to-indicate-the-progress-of-downloading-a-file) – AxelH

w3 Schulen haben ein großartiges Beispiel für einen Fortschrittsbalken Bootstrap mit:

versuchen, diesen Code in Ihrem Browser.

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Bootstrap Example</title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
</head> 
<body> 

<div class="container"> 
    <h2>Animated Progress Bar</h2> 
    <p>The .active class animates the progress bar:</p> 
    <div class="progress"> 
    <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:40%"> 
     40% 
    </div> 
    </div> 
</div> 

</body> 
</html>

Die Idee ist, dass Sie den Aria-Wert Wert ändern, wenn der Download fortschreitet. Dies würde geschehen, indem Informationen von php über den Prozentsatz der Datei, die heruntergeladen wurde, verwendet wird, und diese Aria-Bewertung modifiziert wird, um den Fortschritt widerzuspiegeln.

Quelle

2017-02-09 07:01:59 JordanH

Danke) Ich habe diesen Code aber ausprobiert es funktioniert nicht. Als ich dieses Skript ausgeführt habe, funktioniert der Fortschrittsbalken nicht. Es endete in 0% Ende das ist alles! Kannst du mir helfen, dieses Beispiel meinem Skript hinzuzufügen? –

-1

Sie sollten notifcation Rückruf

Download files file_put_contents with progress

Link oben könnte Ihnen helfen,

Quelle

2017-02-09 07:24:31

Wie füge ich Fortschrittsbalken zum Herunterladen der Datei hinzu?

Antwort

Verwandte Themen