$('<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>  

[ChrisB]

Hi,

// 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="">

Na dann verwende nicht .text, sondern .html - und übergebe dieser Methode den passenden HTML-Code zur Darstellung des Bildes.

MfG ChrisB

[Sandro]

Hallo ChrisB,

kannst du mir das vieleicht zeigen wie?

Sandro

Hi,

// 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="">

Na dann verwende nicht .text, sondern .html - und übergebe dieser Methode den passenden HTML-Code zur Darstellung des Bildes.

MfG ChrisB

[tk]

Hallo Sandro,

kannst du mir das vieleicht zeigen wie?

Was genau hast du an der Beschreibung von html() im Handbuch nicht verstanden?

Gruß,
Tobias

[Lars]

Also laut deinem Link habeich es so gemacht:

$('<li></li>').appendTo('#example1 .files').html('<img src="bild.jpg" alt="">');

[Der Martin]

Hallo,

du änderst deinen Namen anscheinend täglich?
Bitte entscheide dich doch hier im Forum für *einen* Namen, den du dann auch beibehältst.

Ciao,
 Martin