Upload-Übertragungszeit mit Jquery anzeigen?

Ich habe dieses Upload-System für ein Projekt von mir. Alles ist großartig, die einzige Sache ist, dass es während des Datei-Uploads keinen Fortschrittsbalken von irgendetwas gibt ... damit der Benutzer nicht weiß, wann seine Datei vollständig hochgeladen wird, bis die Success-Seite geladen wird.Upload-Übertragungszeit mit Jquery anzeigen?

Hier ist mein Link:

http://mediodesign.ca/upload/docroot/

Ich verwende Google Chrome für den Browser. Wenn ich eine Datei hochlade, gibt es in der unteren linken Ecke des Fensters den Upload-Transfer-Prozentsatz ... das sind die Daten, die ich verwenden möchte, aber ich weiß wirklich nicht, wie ich das machen soll.

Ich möchte ein Loading-Rad (sagen wir "loading.gif") mit dem Upload-Prozentsatz daneben angezeigt werden. Etwas sehr einfaches.

Hier ist mein Indexcode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
    <head> 


     <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
     <title>File Sharing</title> 
     <link rel="stylesheet" href="css/master.css" type="text/css" media="screen" title="no title" charset="utf-8" /> 
    </head> 
    <body id="home"> 
     <div id="page-wrapper"> 
      <h1>File Sharing</h1> 
      <form action="<?php echo $_SERVER['REQUEST_URI'] ?>" method="post" accept-charset="utf-8" enctype="multipart/form-data"> 

       <input type="hidden" name="max_file_size" value="10485760" /> 

       <label for="uploadthis">Select File to Upload</label> 
       <input type="file" name="uploadthis" value="" id="uploadthis"> 
       <input type="submit" name="submit" id="submit" value="Upload &rarr;"> 
      </form> 
     </div> 
    </body> 
</html>

Und meine Hochladen Erfolg Seite:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
    <head> 
     <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
     <title>Upload successful</title> 
     <link rel="stylesheet" href="css/master.css" type="text/css" media="screen" title="no title" charset="utf-8" /> 
    </head> 
    <body id="home"> 
     <div id="page-wrapper" class="uploadComplete"> 
      <h1>Upload successful</h1> 
      <p class="note">Download link:</p> 
      <p class="download-link"><a href="<?php echo $data['downloadLink']; ?>" class="downloadLink"><?php echo $data['shortname']; ?></a></p> 
     </div> 
    </body> 
</html>

jedermann?

Vielen Dank!

Quelle

2012-04-15 larin555

Das Anzeigen eines Prozentsatzes des Uploads ist nicht im HTTP-Protokoll enthalten. AFAIK, Sie müssen entweder ein serverseitiges Modul verwenden (wenn Sie es verwenden können) oder ein externes Flash- (oder Java-) Plugin zum Hochladen von Dateien verwenden.

Der von Google Mail für die Anhänge in E-Mails verwendete Upload-Prozess wird beispielsweise von einem Flash-Modul ausgeführt.

Quelle

2012-04-15 20:03:44 noli

Ich bin mir nicht sicher, aber die HTML5-Datei-API könnte dazu in der Lage sein. Ziehe mich dabei nicht an. – Bojangles

Danke für die Antworten Jungs. Ich brauche etwas einfaches, kompatibel mit allen Browsern ... Leider ist HTML5 noch nicht da. – larin555

Upload-Übertragungszeit mit Jquery anzeigen?

Antwort

Verwandte Themen