Problem mit input type=file und Bildvorschau

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Problem mit input type=file und Bildvorschau

    Hi,

    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&amp;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>&nbsp;</label>
    		<input type="submit" name="submit" value="Bild hochladen" />&nbsp;<input type="reset" name="reset" value="Eingaben l&ouml;schen" /><br />
    	</fieldset>
    	</form>
    Mein JS dazu:

    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>
    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
    EDIT:
    Hab es mal hochgeladen: http://uspri.us.funpic.de/upload_test.html.
    Zuletzt geändert von uspri; 09.01.2005, 06:57.
Lädt...
X