Hello,

I would like to upload a file using AJAX and jquery.

I have a regular <input type="file" id="file"> to choose my file.

and this jquery ajax request:

PHP Code:

  $(document).ready(function(){
      $('#toevoegen').click(function(){
        bestandje = $("input#file").val();
         $.ajax({
           type: "POST",
           url: "afbeeldingen.php",
           data: "file="+bestandje,
           success: function(html){
                $("#results").append(html);

           }
         });
    });
  }); 


I am not sure if the above is the correct way. But i don't know how to "catch" the file in my ajax php. Normally i would use $_FILES['file']['name'] but that does not work this way. Any ideas?

thanks!

Matt

You can't actually upload files with AJAX. You can simulate it, however, by making an IFRAME the target of your form. Here's a quick tutorial that helped me once: http://www.webtoolkit.info/ajax-file-upload.html (it's not jQuery, but you'll get the idea I think).

There's also a plugin floating around somewhere that does the same thing I believe.

ok thanks, thats why i couldnt find any info on it.