File-Upload mit jQuery AJAX

[johny7]

Moin allerseits,

in meinem Projekt verarbeite ich die Formulare per AJAX. Dazu durchsuche ich das Formular nach input-Elementen und hänge sie aneinander in eine Variable input. Dann rufe ich die AJAX-Funktion auf.

  
$.ajax({  
   url: runscript,  
   type: runmethod,  
   data: input,	  
   });	  

In runscript und runmethod ist der Pfad zum Script und die Methode gespeichert.
Da bei mir in "input" nur der Inhalt des Attributs value des jeweiligen input-Feldes gespeichert ist, wird logischerweise nur der Dateiname aber nicht ihr Inhalt gesendet. Wie kann ich nun anstelle des Dateinamens den Dateiinhalt senden?

Falls es wichtig für die Hilfestellung ist: Ich hänge die Daten folgendermaßen aneinander (etwas vereinfacht, normalerweise werden checkboxen besonders behandelt).

  
var input = "";  
form.find("input").each(  
function ()  
{  
	input += "&" + encodeURI($(this).attr("name")) + "=" + encodeURI($(this).attr("value"));  
						  
}  
);  

Grüße, JN

[suit]

Wie kann ich nun anstelle des Dateinamens den Dateiinhalt senden?

Nutze die "dreckige" iframe-Variante bei der du einfach den Inhalt an ein versteckes iframe postest und nur so tust als wäre es Ajax - das ist momentan Best Practice.

http://www.ajaxf1.com/tutorial/ajax-file-upload-tutorial.html
http://www.webtoolkit.info/ajax-file-upload.html

[henman]

hallo johny7,

Wie kann ich nun anstelle des Dateinamens den Dateiinhalt senden?

mit Ajax lässt sich meines Wissens keine Datei hochladen. Hatte ich vor kurzem auch gesucht. Ein Workaround mit einem (nicht schlagen ;)) nicht sichtbaren Frame lässt aber zumindest den Eindruck erscheinen, es dynamisch ohne Reload zu machen.

grüße,
henman

[suit]

mit Ajax lässt sich meines Wissens keine Datei hochladen. Hatte ich vor kurzem auch gesucht. Ein Workaround mit einem (nicht schlagen ;)) nicht sichtbaren Frame lässt aber zumindest den Eindruck erscheinen, es dynamisch ohne Reload zu machen.

Richtig, denn Ajax ist, wenn es ein animiertes Kreisel-GIF gibt - ungleich ob dahinter tatsächlich nur das notwendigste übertragen wird oder nicht.

[Wurmi]

Es gibt auch ein nettes jQuery Plugin, das den Upload sehr AJAX-like macht, allerdings mit Flash (dafür mit mächtiger Mehrfach-Auswahl, Fortschrittsbalken etc.): Uploadify
Gruß,
Andreas