Anregungen zum upload von Bildern mit jQuery-ajax

Ich habe ein Formular, das hat 3 Eingänge:

[1] text-input-Feld für status-Updates

[2] Datei-upload (für ein Bild)

[3] text-input-Feld für die Anbringung eines link

Der Benutzer schaltet zwischen den einzelnen ein-je nachdem, was Sie tun wollen. Zum Beispiel bei der Auswahl [2], Input [1] und [3] werden ausgeblendet.

Alle diese Eingaben, die in einem einzigen Formular mit der id posts_form. Optionen [1] und [3] post per Ajax an verschiedenen Controllern.

Mein problem ist jetzt mit der option [2], weil es nicht möglich ist das hochladen von Bildern mit jQuery-ajax.

Einige Lösungen, die ich gesehen habe, bedeuten, mit der jQuery-Form-plugin, aber ich Frage mich, ob es möglich wäre, zu tun, Bild hochladen, ohne die Nutzung eines plugins.

Beispielsweise wäre dies die code-Basis für das hochladen, was natürlich nicht funktioniert.

    $.ajax({
        url: 'chat/upload/' + <?php echo $page_id; ?>,
        type: 'POST',
        data: $('#posts_form').serialize(),
        dataType: 'html',
        beforeSend: function(){
              $('#loading').show();
            },          
        success: function(html) {
            $('#attach').replaceWith(html);
            $('#loading').hide();
            $('#posts_form input').val('');
            $('.posts_link').val('');
            $('#chat_input').hide();
            }
        });

Irgendwelche Vorschläge, was könnte Hinzugefügt /geändert zu gestatten, Bild-upload mit jQuery-nur ohne plugins?

Dank.

InformationsquelleAutor pepe | 2011-06-24

Schreibe einen Kommentar