Wie integriere ich ein Loading-Bild in einen bestehenden Upload Skript ?

Waldfee_81 · 22.05.2013

Hallo Zusammen

Ich habe bereits Stunden im Internet verbracht um eine Anleitung zu finden wie ich ein Loading.gif in einen bestehenden Upload Skript integrieren kann. Leider habe ich bis jetzt nichts gefunden ich hoffe, dass ihr mir weiter helfen könnt.
Ich verstehe nichts von PHP und habe mir den Upload Skript aus dem Internet geladen. Ich möchte ein Lade-Bild anzeigen lassen wenn ich auf Upload klicke, damit der User weiss dass etwas geladen wird.
Wie kann ich das machen und vor allem WO muss ich die Codeschnippsel einfügen ? (Habe jene Codes gefunden aber nie eine Anleitung wo ich es einfügen muss ;-()

Dies ist der Code für die Upload-Seite

PHP:

<?php

if (!@include_once("./incl/auth.inc.php"))
 include_once("../incl/auth.inc.php");

if ($AllowUpload && isset($_GET['upload']))
{
 print "<table cellspacing=0 cellpadding=0 class='upload'>";

 if (!isset($_FILES['userfile']))
  // maximum post size reached
  print $StrUploadFailPost;
 else
 {
  for($i=0;$i<=3;$i++)
  {
   $_FILES['userfile']['name'][$i] = stripslashes($_FILES['userfile']['name'][$i]);
   if (@move_uploaded_file($_FILES['userfile']['tmp_name'][$i], realpath($home_directory.$path)."/".$_FILES['userfile']['name'][$i]))
    print "<tr><td width='250'>$StrUploading ".$_FILES['userfile']['name'][$i]."</td><td width='50' align='center'>[<font color='#009900'>$StrUploadSuccess</font>]</td></tr>";
   else if ($_FILES['userfile']['name'][$i])
    print "<tr><td width='250'>$StrUploading ".$_FILES['userfile']['name'][$i]."</td><td width='50' align='center'>[<font color='#CC0000'>$StrUploadFail</font>]</td></tr>";
  }
 }
 print "</table>";
}

else if ($AllowUpload)
{
 print "<table class='index' width=90% cellpadding=0 cellspacing=0>";
  print "<tr>";
   print "<td class='iheadline' height=21>";
    print "<font class='iheadline'>&nbsp;$StrUploadFilesTo \"/".htmlentities($path)."\"</font>";
   print "</td>";
   print "<td class='iheadline' align='right' height=21>";
    print "<font class='iheadline'><a href='$base_url&amp;path=".htmlentities(rawurlencode($path))."'><img src='icon/back.gif' border=0 alt='$StrBack'></a></font>";
   print "</td>";
  print "</tr>";
  print "<tr>";
   print "<td valign='top' colspan=2>";

    print "<center><br />";

    print "$StrUploadQuestion<br />";
    print "<form action='$base_url&amp;output=upload&amp;upload=true' method='post' enctype='multipart/form-data'>";

    print "<table class='upload'>";
     print "<tr><td>$StrFirstFile</td><td><input type='file' name='userfile[]' size=30></td></tr>";
     print "<tr><td>$StrSecondFile</td><td><input type='file' name='userfile[]' size=30></td></tr>";
     print "<tr><td>$StrThirdFile</td><td><input type='file' name='userfile[]' size=30></td></tr>";
     print "<tr><td>$StrFourthFile</td><td><input type='file' name='userfile[]' size=30></td></tr>";
    print "</table>";

    print "<input class='bigbutton' type='submit' value='$StrUpload'>";
    print "<input type='hidden' name=path value=\"".htmlentities($path)."\">";
    print "</form>";

    print "<br /><br /></center>";

   print "</td>";
  print "</tr>";
 print "</table>";
}
else
 print "<font color='#CC0000'>$StrAccessDenied</font>";

?>

Vielen Herzlichen dank schon mal im voraus für die Antworten.
Waldfee

jama2000 · 23.05.2013

AW: Wie integriere ich ein Loading-Bild in einen bestehenden Upload Skript ?

Also ich sehe hier folgende Möglichkeit
1. mit <div><img src='load.gif" .... Bild einbinden und per CSS ausgeblendet halten.
2. an <input ... 'submit' onsubmit einfügen und in diesem Event per Javascript das Load Gif anzeigen lassen und wenn der Response vom Uploadscript kommt bzw es in PHP abgearbeitet ist das Bild ausblenden oder löschen
PS: Ich hoffe du hast hierzu grundlegendes Wissen zu PHP Javascript und Ereignishandling, sost wirds schwer.

Myhar · 23.05.2013

AW: Wie integriere ich ein Loading-Bild in einen bestehenden Upload Skript ?

Bei der Gelegenheit pass auch dein Upload-script an. Das arbeitet noch mit <font> Tags, die sind schon seit vielen Jahren veraltet

Waldfee_81 · 23.05.2013

AW: Wie integriere ich ein Loading-Bild in einen bestehenden Upload Skript ?

So wie ihr das also schreibt werde ich mir einen neuen Skript suchen müssen, mit einem Upload-gif integriert. Denn ich habe keine Ahnung von PHP. Trotzdem Danke
@Myhar: Ich bin überrascht dass du sagst es sei veraltet. Das Programm wird von meinem Host in seinen App's angeboten. ;-)

Myhar · 24.05.2013

AW: Wie integriere ich ein Loading-Bild in einen bestehenden Upload Skript ?

Das ist jetzt schon etwas OT und hat nichts mit deinem ursprünglichen Thema zu tun: Aber nur weil etwas angeboten wird, heißt es nicht, dass es nicht veraltet ist. Code ist geduldig und einmal ins Internet gestellt kann er Jahrhundertelang überleben.
Er wird auch in den einzelnen Browsern funktionieren, aber wer weiß, vielleicht wird die Unterstützung für font-Tags auch einmal aufgegeben, schließlich ist es schon in HTML4 deprecated.
Anders sieht es mit HTML Mails aus, da ist man oft auf den Einsatz alter Technologien angewiesen und kann auch font Tags einsetzen.