"input type=file" direkt anzeigen

**Toxictype** · 28-01-2003, 14:26

Hello all,

wie kann bewirken, dass eine Datei im tag <input type=file name=userfile>,
also der Wert "userfile" direkt angezeigt wird???
Ich habe das schon auf einigen Seiten gesehen. Man klickt auf den Button "Durchsuchen" und gibt eine Bild- bzw Fotodatei an.
Sofort danach erscheint das Bild darunter, daneben oder halt in einem vorgegebenen Feld!

Toxic

**vip** · 28-01-2003, 15:12

ich würde sagen, das wird mit js realisiert.
und das bild wird dann einfach mit dem lokalen bildpfad ala c:\pfadzrudatei\bild.jpg eingebunden.

**Toxictype** · 28-01-2003, 15:16

Mit PHP wäre besser!
Wegen Datenbanken!!!

gruss

**sanchez** · 28-01-2003, 15:27

naja, die datei müßte man erst auf dn server laden und wenn er das gemacht hat, dann könnte man es anzeigen...sonst ginge es nicht, da das Bild ja auf dem Server sein muß...

**Toxictype** · 28-01-2003, 15:30

Und was ist mit dem Pfad auf der lokalen Festplatte???
Damit man erstmal sieht, was man da uploaded!

**sanchez** · 28-01-2003, 15:41

das kannst du aber nicht serverseitig lösen...da mußt du js nehmen, ich dachte du wolltest es mit php machen...

**Toxictype** · 28-01-2003, 15:45

Stimmt, das leuchtet ein!!

PHP nennt man nicht umsonst "serverseitige Sprache"!

Welches ist denn Eurer (Deiner) Meinung nach die beste JS-Lösung für mein Problem?

Gruss & thanx

**sanchez** · 28-01-2003, 16:12

muß ja irgendwie sowas wie das hier sein:

userfile.value // ist ja der pfad, wenn ich mich jetzt nicht irre

und der wird halt angezeigt...

wolltest du denn jetzt nur bilder anzeigen lassen?

**rasputin** · 28-01-2003, 16:15

ich würde das irgendwie so lösen:

Code:

<form method="post" action="/" enctype="multipart/form-data">
<input type="file" name="bla" size="50" onchange="document.images[0].src=this.value">
</form>
<image border="0" src="empty.gif">

funktioniert allerdings nur im ie.

**Toxictype** · 29-01-2003, 11:53

@ rasputin:

Yo, vielen Dank! Das ist das, was ich gesucht habe!
Funzt optimal! Mal sehen, ob ich ein paar weitere "Optionen" einbauen kann!

Thx folks!

gruss

**Kalicki2k** · 26-08-2004, 23:11

Zitat von vip

ich würde sagen, das wird mit js realisiert.
und das bild wird dann einfach mit dem lokalen bildpfad ala c:\pfadzrudatei\bild.jpg eingebunden.

hallo ich hab dazu noch eine frage wie kan ich mir den pfad anzeigen. wie z.B. c:\pfadzrudatei\bild.jpg
über ein alert fenster.

**.holger** · 26-08-2004, 23:26

alert(document.images[0].src);

(bezieht sich jetzt auf raspus Codeschnipsel)

**Kalicki2k** · 27-08-2004, 20:46

danke .holger, aber ich hab was anderes gemeint dem imput file eine id geben und dann
alert(document.getElementById('blabla').value);
habs rausgefunden danke dir noch.

mfg
kalicki