nicht angemeldet
Hallo NG'lers
ich suche derzeit nach einer Möglichkeit, ein lokales Bild in eine Webseite einzubauen. Hintergrund: ein kleines Tool, mit dem man seine Webseite ein wenig pflegen kann. Die Systeme, die ich kenne, bringen diese Funktionalität in der Form leider nicht mit, aber man kann sie ja erweitern.
Der Nutzer soll mit Hilfe eines <input type="file"...> ein Bild von seiner Festplatte auswählen können und, sagen wir mal, auf onChange soll dieses Bild dann in der HTML-Seite dargestellt werden. IE macht da, wen wunderts, überhaupt keine Probleme, das Bild wird sofort angezeigt. Netscape stellt sich da etwas komplizierter an, versteht die onChange-Anweisung nicht wie ich es gern hätte.
Gibts irgendwo ein "fertiges" Script, eine doch schon ausfürhliche Suche hat bei mir noch nichts ergeben.
Hier nochmal die einfache Version meiner HTML-Datei zur Veranschaulichung:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
function bildwechsel() {
document.testbild.src=document.bild.bildquelle.value;
}
//-->
</script>
</head>
<body>
<form name="bild">
<img src="test.jpg" name="testbild" width="100" height="100" id="testbild"> <br>
<input type="file" onChange="bildwechsel()" name="bildquelle">
<input type="button" onClick="bildwechsel()">
</form>
</body>
</html>
Dankbar für jeden Tip
Gruß
Matthias