Hallo,
interessantes Forum hie, ich hoffe ihr könnt mir weiterhelfen

ich möchte, dass Besucher meiner Website ihre eigenen Hintergrundgrafiken für das Betrachten der Seite hochladen können.
Also so eine Art Image-Hosting. Es soll aber kein Bild gespeichert werden- sondern nur temporär zu sehen sein.
Ähnlich wie bei diesem Beispiel hier:
web3.webgo24-server14.de/Upload/test.php
Eigentlich ist die Sache genau das wonach ich suche, ABER:
Es läuft nur im FF und IE. Alle anderen Browser machen da leider nicht mit.
Gibt es nicht noch eine andere Möglichkeit, eine Art Bildvorschau anzuzeigen? Hier im Forum kann man auch "einfach" Bilder mitposten.
Der Besucher soll halt ein beliebiges Bild von seinem heimischen Rechner auswählen und hochladen können. Die Abmessungen und Position des Bildes wird zuvor von mir via Skript festgelegt. Wie gesagt, mit dem Link oben klappt es schon aber nicht in allen Browsern. Das alles ohne viel Aufwand, es soll nur eine "Vorschau" sein und bleiben, weiter nichts.
Die Fehlerkonsole von Chrome sagt z.B. :
Uncaught TypeError: Object #<a File> has no method 'getAsDataURL'
Hier mal der Code des Links:
PHP-Code:
Code:
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Unbenanntes Dokument</title>
<script>
function PreviewImg(elem) {
if (document.attachEvent){
var myImage = document.getElementById('image');
myImage.src = elem.value;
document.getElementById('tester').value = elem.value;
}
else {
var src = document.getElementById('myFile').files.item(0).getAsDataURL();
var myImage = document.getElementById('image');
myImage.src = src;
document.getElementById('tester').value = src;
}
}
</script>
</head><body>
<input id="myFile" onchange="PreviewImg(this)" type="file">
<img id="image" src="" style="height: 50px; width: 50px;" alt="Image Preview">
<input id="tester" size="50" type="text">
<p>
</p></body></html>
Vielen Dank für eure Hilfe
