Hi,
ich habe ein Formular und würde da gern eine Bildervorschau einbauen.
Leider bekomme ich weder einen Fehler noch einen Bildwechsel.
Mein Formular:
Mein JS dazu:
Im IE klappt das auch, aber Firefox macht das nicht. Der ändert zwar den alt und title-Tag, aber das Bild nicht.
Was muß ich ändern, damit das auch der Firefox begreift?
Danke, Gruß uspri
ich habe ein Formular und würde da gern eine Bildervorschau einbauen.
Leider bekomme ich weder einen Fehler noch einen Bildwechsel.
Mein Formular:
Code:
<form method="post" action="index.php?site=bilder&upload=1"> <fieldset> <legend>Upload</legend> <label for="datei">Datei (nur jpg/jpeg erlaubt):</label> <input type="file" name="datei" id="datei" size="35" onchange="showpic(this.value);" /> <script type="text/javascript"> <!-- document.write('<img src="images/userupload_nopic.gif" id="uploadpic" height="80" width="80" alt="kein Bild" title="kein Bild" style="position: absolute; margin: 0 0 0 1em; border: 1px solid #cecece;" />'); //--> </script> <br /> <label for="beschreibung">Beschreibung:</label> <textarea name="beschreibung" id="beschreibung" rows="5" cols="38"></textarea><br /> <label for="name">Dein Name:</label> <input type="text" id="name" name="submitter" size="50" /><br /> <label> </label> <input type="submit" name="submit" value="Bild hochladen" /> <input type="reset" name="reset" value="Eingaben löschen" /><br /> </fieldset> </form>
Code:
<script type="text/javascript"> <!-- function showpic(source){ if(document.getElementById('uploadpic')){ var upbild = document.getElementById('uploadpic'); var fehler = ''; if(source){ endung=source.substring(source.lastIndexOf(".")+1) if(endung.toLowerCase() != 'jpg' && endung.toLowerCase() != 'jpeg'){ var fehler = 'Sie haben eine ungültige Datei ausgewählt. Es sind nur jpg/jpeg Dateien erlaubt.\n'; alert(fehler); document.getElementById('datei').value = ''; upbild.src = 'images/userupload_nopic.gif'; upbild.alt = 'kein Bild'; upbild.title = 'kein Bild'; return false; }else{ upbild.src = source; upbild.alt = 'Bild'; upbild.title = 'Bild'; return true; } }else{ return; } }else{ return; } } //--> </script>
Was muß ich ändern, damit das auch der Firefox begreift?
Danke, Gruß uspri
EDIT:
Hab es mal hochgeladen: http://uspri.us.funpic.de/upload_test.html.