Struppi: Bild FileUpload

Beitrag lesen

Werde aber mal versuchen die entsprechenden Passagen dazustellen:

//Ersteinaml die globalen Bildvariablen die wichtig sind

var bild1 = "";
var bild2 = "";
var bild3 = "";
var bild4 = "";

du kennst Arrays?

//Habe dann im Body ein FileUpload Feld
<form name="form1" >
        <input type="file" name="Datei" value="" onChange=bild()>
      </form>

//Und wieder im Head eine Funktion die die globale Variable bild1 in die Eingabe im Upload Form verändern soll
function bilder()
{
bild1 = document.form.Datei.value
}
//Ich habe einmal zur kontrolle ein alert eingefügt, dass mir angezeigt hat, dass sich die Variable korrekt geändert hat, sobald ich das alert Feld jedoch wegdrücke,wird die ganze Seite wieder resetet oder von vorne geladen.

Seltsam.
Bei mir funktoniert folgender Code tadelos;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<script>
function bild(nr, src)
{
     alert(nr + src);
     var b = document.images['bild' + nr];
     if(!b) return alert('Bild ' + nr + ' existiert nicht!');

b.src = src;
}
</script>
</head>

<body>
Bild 1: <img src="about:blank" name="bild1"><br>
Bild 2: <img src="about:blank" name="bild2"><br>

<form name="testform" action="irgendwas" method="post">
Ändere Bild 1: <input type="file" onchange="bild(1, this.value);"><br>
Ändere Bild 2: <input type="file" onchange="bild(2, this.value);"><br>
</form>
</body>
</html>

Struppi.