Bildselektion per <INPUT type="file" mit Vorschaufunktion

[Jens]

Per Formular möchte ich ein Bild auf einen Server uploaden. Das funktioniert soweit auch schon. Das entsprechende File wähle ich mit
<input type="file" aus. Der VALUE des Input-Feldes ist ja jetzt z.B. "C:\temp\bild.gif"

Ist es irgendwie möglich, diesen Wert in eine Variable zu übernehmen und diese Variable dann in einen <img src...>-Tag zu übernehmen? Hat dazu jemand eine Idee?

Letztendlich hätte ich dann gerne folgende HTML-Code:

<form name="form1" enctype="multipart/form-data">
  <input type="file" name="file" value="C:\temp\bild.gif">
  <img src="C:\temp\bild.gif">
</form>

[Bio]

Sup!

<form name="form1" enctype="multipart/form-data">
<input type="file" name="file" value="C:\temp\bild.gif" onChange="window.document.images[nummervonbla].src=window.document.form1.file.value;">

<img src="dummy.gif">
</form>

Vielleicht geht das ja, hab's nicht getestet.

Gruesse,

Bio

[Jens]

Hi Bio,

vielen Dank für Deine Hilfe und Mühe!
Aber eins versteh ich nicht: Wie sollte sich in diesem Fall das dummy.gif in ein anderes Bild ändern oder wie sollte das hier funktionieren?

Jemand noch eine Erklärung?

Sup!

<form name="form1" enctype="multipart/form-data">
<input type="file" name="file" value="C:\temp\bild.gif" onChange="window.document.images[nummervonbla].src=window.document.form1.file.value;">

<img src="dummy.gif">
</form>

Vielleicht geht das ja, hab's nicht getestet.

Gruesse,

Bio

[Bio]

Sup!

Das dummy.gif sollte ein Platzhalterbild sein, damit man sieht, wo das Bild angezeigt wird. Ausserdem macht es den JS Code einfacher, als wenn beim ersten Mal dynamisch ein Bild-Element erzeugt werden muß.

Gruesse,

Bio

[Thomas Schmieder]

Hallo,

Wie sollte sich in diesem Fall das dummy.gif in ein anderes Bild ändern oder wie sollte das hier funktionieren?

http://selfhtml.teamone.de/javascript/beispiele/buttons.htm

hier ist das doch eigentlich erklärt. Man braucht ein Bildobjekt.

<form name="form1" enctype="multipart/form-data">
<input type="file" name="file" value="C:\temp\bild.gif" onChange="window.document.images[nummervonbla].src=window.document.form1.file.value;">

<img src="dummy.gif">
</form>

Grüße

Tom