Suggestions pour télécharger l'image à l'aide de jQuery ajax

J'ai un formulaire qui dispose de 3 entrées:

[1] champ de saisie de texte pour une mise à jour de statut

[2] upload de fichier (une image)

[3] champ de saisie de texte pour attacher un lien

L'utilisateur bascule entre chacun d'entre eux en fonction de ce qu'ils veulent faire. Par exemple lors du choix [2], les entrées [1] et [3] sont cachés.

Toutes ces entrées sont contenus dans un seul formulaire avec id posts_form. Les Options [1] et [3] post via Ajax pour les différents contrôleurs.

Mon problème est maintenant avec l'option [2] parce qu'il n'est pas possible de télécharger des images à l'aide de jQuery ajax.

Quelques solutions que j'ai vu impliquer l'utilisation de jQuery Forme de plugin, mais je me demande si il serait possible de faire le téléchargement de l'image sans l'utilisation d'un plugin.

Par exemple ce serait la base de code pour le téléchargement qui bien sûr ne fonctionne pas.

    $.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();
            }
        });

Toutes les suggestions sur ce qui pourrait être ajouté /modifié afin de permettre le téléchargement d'images à l'aide de jQuery uniquement, sans les plugins?

Grâce.

InformationsquelleAutor pepe | 2011-06-24