[HaBo]

reaLInsanity · 13.05.09, 12:40

Hallo liebe Leutchen,

mal wieder ein Problem von mir, bzw. ein Fehlen einer krativen Idee.
Ich habe folgende Ausgangssituation:

Ich lade ein Bild oder eine ZIP mit Bldenr hoch, diese werden skaliert zu einem Thumbnail und ein Wasserzeichen wird eingefügt.

Beim Klick auf den Knopf "Upload" blende ich per jQuery UI einen Dialog ein (siehe Codebox und angehängter Screenshot).

Code:

<tr>
							<td>
								<input type="submit" name="Submit" value="Hochladen" onclick="$('#upload').dialog('open');">
								<input type="reset" value="Zurücksetzen">
								<input type="hidden" value="<?php if(!isset($_POST['mode'])){ echo $_GET['mode'];} else { echo $_POST['mode']; } ;?>" name="mode" />
								
								<input type="button" name="Mehr Files" value="Mehr Files" onClick="start(); return false;">
							</td>
							<td>
								<input type="text" name="captcha" value="" width="50px">
								<input type="hidden" name="wert" value="<?php echo $wert ?>" />
							</td>
						</tr>

Ich möchte jedoch, dass mir in dem Dialog, dynmisch per JS am besten das jeweilige Bild ausgegeben wird, welches gerade hochgeladen wird (mit eventuellen Infos wie Dateigröße etc.).

Meine Idee war dies per jQuery zu machen (da ich die Libs davon eh einbinden musste).

Auszug aus der Upload-Prozedur:

PHP-Code:

  <?php
$name        = $_FILES['Bild']['name'][$i];
                $type         = $_FILES['Bild']['type'][$i];
                $tmp_name    = $_FILES['Bild']['tmp_name'][$i];
                $size         = ($_FILES['Bild']['size'][$i])/1024;
                $hash         = md5($name.$type.$size.$tmp_name.time());  
                $pfad        = $database->GetSetting('PICTURE_PATH');
                $ZIP_Path    = $database->GetSetting('UNZIP_PATH').str_replace('.zip','', $name)."/";
                
                ?>
                    <script type="text/javascript"> setUploadStatus ('<? echo $name ?>','#footer') </script>
                <?php

?>

Passender jQuery-Teil:

Code:

function setUploadStatus(datei, div) {
    var htmlStr = $(div).text() + "<img src='images/loadingAnimation.gif'>";
    var htmlNeu = htmlStr

    $(div).html(htmlNeu + "<br>" + datei + " wird gerade hochgeladen...") 
}

Jedoch wird mir nichts in dem DIV angezeigt.
Hat jemand vllt eine bessere Lösung oder eine Idee woran es liegen könnte?

valenterry · 13.05.09, 17:49

Ich habe mich nicht mit dem Code beschäftigt, aber wenn ich dich richtig verstanden habe, dann möchtest du genau _das_ Bild anzeigen, was gerade hochgeladen wird, richtig?
Das geht aber nicht. Das Bild wird ja zuerst Stückweise auf den Server übertragen und erst _dann_ kannst du es wiederum zum Client schicken und per Javascript anzeigen lassen. Ansonsten könntest du höchstens den Teil des Bildes anzeigen lassen, der bereits hochgeladen wurde.
Um das Bild gleich beim Upload anzuzeigen, müsstest du den Browser dazu bringen, das Bild selbst vom Rechner des Clienten zu laden. Soetwas wird aber soweit ich weiß in allen aktuellen Browsern verhindert. Im IE6 sollte es jedoch funktionieren.

Tut mir Leid, aber da wirst du wohl keine andere Möglichkeit finden.

Anzeige

- Anzeige -

reaLInsanity · 13.05.09, 23:09

Ne, ich habe ja per PHP Infos der Datei die gerade hochgeladen wird.
Ich würde gerne Infos der Datei (Größe, Name etc.) anzeigen lassen wollen in dem Div , aber nur von dem welches gerade hochgeladen wird.

valenterry · 13.05.09, 23:43

Zitat:

Original von reaLInsanity
Ne, ich habe ja per PHP Infos der Datei die gerade hochgeladen wird.

Nein, hast du nicht. Das PHP-Script wird erst _dann_ ausgeführt, wenn die Datei vollständig(!) hochgeladen wurde. Erst dann stehen auch alle anderen Informationen für PHP(1) zur Verfügung.

Zitat:

Ich würde gerne Infos der Datei (Größe, Name etc.) anzeigen lassen wollen in dem Div , aber nur von dem welches gerade hochgeladen wird.

Dafür brauchst du eine andere Serverseitige Technik. Mit Perl sollte das afaik machbar sein. Nach meinem Kentnissstand ist soetwas mit PHP noch nicht möglich.

(1) Wie gesagt, Perl und andere Sprachen können bereits während es Uploads Zugriff auf die Daten haben.

reaLInsanity · 14.05.09, 08:21

Hm Mist.. stimmt klar...
So im Nachinein ist das logisch, schade

Hat denn jemand vllt eine Idee wie man soetwas mit Pearl o.Ä. realisieren kann?

Cyberm@ster · 15.05.09, 04:52

Facebook verwendet dazu ein JavaApplet, das hat den Vorteil dass die Daten lokal vorliegen und ein Teil der Arbeit (zB scalieren) vom Client übernommen werden kann und der Server nur noch das Resultat prüfen muss.

reaLInsanity · 15.05.09, 06:52

Ja sowas verwendet StudiVZ bzw. SchuelerVZ ja glaube ich auch...
Aber ich habe leider überhaupt keine Ahnung voon der Programmierung von JavaApplets.

easteregg · 24.05.09, 16:20

wie machen das die jungs von rapidshare?
die haben doch auch immer nen aktuellen fortschritt drin, von deinem upload und das ist glaube nix mit nem javaapplet

valenterry · 24.05.09, 17:42

Zitat:

Original von easteregg
wie machen das die jungs von rapidshare?
die haben doch auch immer nen aktuellen fortschritt drin, von deinem upload und das ist glaube nix mit nem javaapplet

So wie im zweiten Teil meines zweiten Beitrags beschrieben.

404 · 24.05.09, 19:37

Die beste Lösung für dieses Probelm ist ein unsichtbares Flash Movie. Schau mal dort: http://swfupload.org/ bzw. Fancyupload Mootools

valenterry · 24.05.09, 19:39

Zitat:

Original von 404
Die beste Lösung für dieses Probelm ist ein unsichtbares Flash Movie.

Würde ich nicht unbedingt sagen. Schnell ist sie sicherlich, aber man muss dann bedenken, dass ein großer Teil der User kein Flash hat und nix sieht. Insofern ist eine Technik, die das Problem serverseitig (und dann mit AJAX) angeht, kompatibler - aber eben auch aufwendiger.

404 · 24.05.09, 20:14

Zitat:

aber man muss dann bedenken, dass ein großer Teil der User kein Flash hat und nix sieht.

Das war vielleicht früher mal so. Mittlerweile ist aufgrund von youTube & Co. das flash-plugin sehr weit verbreitet. Statistiken von Adobe sprechen von 98 %. Objektive Statisken kann ich leider keine finden. Die User die kein Flash installiert haben, dürften aber dennoch eine deutliche Minderheit darstellen.

Letztendlich kommt es auf seine Zielgruppe an.

valenterry · 24.05.09, 20:33

Zitat:

Original von 404

Zitat:

aber man muss dann bedenken, dass ein großer Teil der User kein Flash hat und nix sieht.

Das war vielleicht früher mal so. Mittlerweile ist aufgrund von youTube & Co. das flash-plugin sehr weit verbreitet. Statistiken von Adobe sprechen von 98 %.

Adobes PR sagt viel, wenn der Tag lang ist. Andere Statistiken gehen von deutlich weniger aus. (z.B. http://www.webhits.de/deutsch/webstats.html#plugins)

reaLInsanity · 24.05.09, 20:49

Danke erstnal für eure rege Diskussion

@404:
Werde mir mal den FancyUpload anschauen, vllt kann man ja damit etwas schönes zaubern und ich kann somit auf den nervigen ZIP-Upload verzichten.
Werde dann mal meine Ergebnisse posten

Danke an alle

Anzeige

- Anzeige -

24.05.09, 16:20	#8 (permalink)
easteregg Member of Honour Registriert seit: 14.09.07 Likes: 62	wie machen das die jungs von rapidshare? die haben doch auch immer nen aktuellen fortschritt drin, von deinem upload und das ist glaube nix mit nem javaapplet __________________ » Flattr mich! - Wenn dir mein Beitrag geholfen hat! « <\| 2 AMD Opterons 2384@ 8x3,2ghz \| Tyan S2915 \| 10GB \| 2x 8800GT \| 8400GS \| Dell 3008WFP + 2x2007FP \|>

24.05.09, 19:37	#10 (permalink)
404 Registriert seit: 28.11.04 Likes: 0	Die beste Lösung für dieses Probelm ist ein unsichtbares Flash Movie. Schau mal dort: http://swfupload.org/ bzw. Fancyupload Mootools __________________ Major Fault, General Error and Colonel Panic came together to celebrate timeout. ------------------------------------------------ http://www.shick.de/ ------------------------------------------------

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
WEB 2.0 Ideen - Spaß am Fortschritt	TeeKayo2	(Web-) Design und webbasierte Sprachen	0	17.03.07 13:15
Fortschritt in Prozent bei Batch...	f100d	Code Kitchen	5	08.05.06 14:32
Kann man mit der aktuellen Demo von HL2 über steam auch die add-on von HL2 spielen ??	Honeywell	Games	0	10.05.05 12:56
Access: aktuellen Patient auslesen	H!G	Applikationen	2	04.01.04 21:38
Datei Infos ändern in C..	PeaceTreaty	Code Kitchen	5	26.08.02 21:21

13.05.09, 17:49	#2 (permalink)
valenterry Registriert seit: 25.07.06 Likes: 0	Ich habe mich nicht mit dem Code beschäftigt, aber wenn ich dich richtig verstanden habe, dann möchtest du genau _das_ Bild anzeigen, was gerade hochgeladen wird, richtig? Das geht aber nicht. Das Bild wird ja zuerst Stückweise auf den Server übertragen und erst _dann_ kannst du es wiederum zum Client schicken und per Javascript anzeigen lassen. Ansonsten könntest du höchstens den Teil des Bildes anzeigen lassen, der bereits hochgeladen wurde. Um das Bild gleich beim Upload anzuzeigen, müsstest du den Browser dazu bringen, das Bild selbst vom Rechner des Clienten zu laden. Soetwas wird aber soweit ich weiß in allen aktuellen Browsern verhindert. Im IE6 sollte es jedoch funktionieren. Tut mir Leid, aber da wirst du wohl keine andere Möglichkeit finden.

13.05.09, 23:09	#3 (permalink)
reaLInsanity Themenstarter Registriert seit: 10.01.06 Likes: 0	Ne, ich habe ja per PHP Infos der Datei die gerade hochgeladen wird. Ich würde gerne Infos der Datei (Größe, Name etc.) anzeigen lassen wollen in dem Div , aber nur von dem welches gerade hochgeladen wird.

14.05.09, 08:21	#5 (permalink)
reaLInsanity Themenstarter Registriert seit: 10.01.06 Likes: 0	Hm Mist.. stimmt klar... So im Nachinein ist das logisch, schade Hat denn jemand vllt eine Idee wie man soetwas mit Pearl o.Ä. realisieren kann?

15.05.09, 04:52	#6 (permalink)
Cyberm@ster Senior Member Registriert seit: 27.06.04 Likes: 0	Facebook verwendet dazu ein JavaApplet, das hat den Vorteil dass die Daten lokal vorliegen und ein Teil der Arbeit (zB scalieren) vom Client übernommen werden kann und der Server nur noch das Resultat prüfen muss.

15.05.09, 06:52	#7 (permalink)
reaLInsanity Themenstarter Registriert seit: 10.01.06 Likes: 0	Ja sowas verwendet StudiVZ bzw. SchuelerVZ ja glaube ich auch... Aber ich habe leider überhaupt keine Ahnung voon der Programmierung von JavaApplets.

24.05.09, 20:49	#14 (permalink)
reaLInsanity Themenstarter Registriert seit: 10.01.06 Likes: 0	Danke erstnal für eure rege Diskussion @404: Werde mir mal den FancyUpload anschauen, vllt kann man ja damit etwas schönes zaubern und ich kann somit auf den nervigen ZIP-Upload verzichten. Werde dann mal meine Ergebnisse posten Danke an alle

[HaBo]

Upload-Fortschritt + Infos zur aktuellen Datei