PHP Nach Upload frische Seite aufrufen (Progress Status)?

Xedo · 28. Oktober 2010

Hallo

Ich habe ein Formular zum Dateiupload per php erstellt. Das funktioniert sehr gut, nur würde ich gern noch folgendes realisieren: Sobald der Nutzer auf Absenden klickt, soll eine neue Seite oder ein Popup erscheinen, das darauf hinweist, dass seine Daten grade hochgeladen werden (dazu noch ein animiertes gif). Ist der Upload fertig, soll auf eine weitere Seite weitergeleitet werden. Wie kann ich diese "Zwischenseite" erstellen? Eine "echte" Progress Bar möchte ich nicht, das ist mir zu kompliziert und meine Idee für mich ausreichend!

Grüße

Yuri_Orlov · 28. Oktober 2010

1.) Klick auf Button blendet Ladehinweis und Animation ein
2.) Upload durch action des Forms
3.) Wenn Upload fertig ist sollte PHP eine neues Template servieren (eine neue Seite anzeigen, z.B. eine Erolgsmeldung)

Eine ganz fixe Lösung:

Code:

<!--  Beim Klick auf den Button "upload" wird der div-container "anim" sichtbar gemacht-->

<form>
<input type="submit" value="upload" onClick="document.getElementById('anim').style.visibility = 'visible';">
</form>

<div id="anim" style="visibility: none;">
<p>Ihr Upload ist gestartet!
<br>
<img src="ladeanim.gif">
</div>

Xedo · 28. Oktober 2010

Danke! Leider wird er div container nicht ausgeblendet, sondern immer angezeigt. Ich habe es mal beispielhaft so umgesetzt, wie ich es mir vorstelle:

Code:

<html>
<head><title>form</title></head>

<body>
<form action="upload.php" method="post" enctype="multipart/form-data">

<input type="file" name="datei"><br>
<input type="submit" value="upload" onClick="document.getElementById('anim').style.visibility = 'visible';">
</form>

<div id="anim" style="visibility: none;">
<p>Ihr Upload ist gestartet!
<br>
<img src="progressbar.gif">
</div>

</body>
</html>

Yuri_Orlov · 28. Oktober 2010

mein Fehler!
Es darf nicht " style="visibility: none;" heißen!

Jetzt sollte es laufen!

Code:

<html>
<head><title>form</title></head>

<body>
<form action="upload.php" method="post" enctype="multipart/form-data">

<input type="file" name="datei"><br>
<input type="submit" value="upload" onClick="document.getElementById('anim').style.visibility = 'visible';">
</form>

<div id="anim" style="visibility: hidden;">
<p>Ihr Upload ist gestartet!
<br>
<img src="progressbar.gif">
</div>

</body>
</html>

Xedo · 28. Oktober 2010

Das funktioniert, danke!

Suche

PHP Nach Upload frische Seite aufrufen (Progress Status)?

Xedo

Lt. Commander

Yuri_Orlov

Cadet 3rd Year

Xedo

Lt. Commander

Yuri_Orlov

Cadet 3rd Year

Xedo

Lt. Commander

Ähnliche Themen