$('<li></li>').appendTo('#example1 .files').text(file). ÄNDERN

[sandro]

Hallo,

ich versuche mich gerade mit einem einfachen Bilderupload, eigentlich klappt alles, doch eines bekomme ich einfach nicht hin. Und zwar soll nach dem Upload nicht nur die Datei angeziegt werden, sondern stattdesen das Bild.

Ich habe das Script von hier: https://github.com/valums/ajax-upload

Im Augenblick wird nach einem erfolgten Download das Ergebniss so angezeigt:

1. bilddatei1.jpg
    2. Bilddatei2.jpg
    usw.

ich denke das ist der Teil in dem die Ausgabe gehaendelt wird:

// add file to the list
    $('<li></li>').appendTo('#example1 .files').text(file).

ich müsste also hier diese HTML Befehle reinbekommen:

<img src="Bilddatei2.jpgI" alt="">

irgendwie in meinen Code bekmmen....

das Teilscript ist hier:

  
	<script type="text/javascript">/*<![CDATA[*/  
	$(document).ready(function(){  
		/* Example 1 */  
		var button = $('#button1'), interval;  
		  
		new AjaxUpload(button, {  
			action: 'upload-test.php',  
			name: 'userfile',  
			onSubmit : function(file, ext){  
				// change button text, when user selects file			  
				button.text('Uploading');  
								  
				// If you want to allow uploading only 1 file at time,  
				// you can disable upload button  
				this.disable();  
				  
				// Uploding -> Uploading. -> Uploading...  
				interval = window.setInterval(function(){  
					var text = button.text();  
					if (text.length < 13){  
						button.text(text + '.');					  
					} else {  
						button.text('Uploading');				  
					}  
				}, 200);  
			},  
			onComplete: function(file, response){  
				button.text('Upload');  
							  
				window.clearInterval(interval);  
							  
				// enable upload button  
				this.enable();  
				  
				// add file to the list  
				$('<li></li>').appendTo('#example1 .files').text(file).('ss');						  
			}  
		});  
	  
	});/*]]>*/</script>