Send File From Html Form To Post.php

[3raser]

I have index.php:

 

http://paste2.org/p/2394784

 

And then I have a file called post.php - Is there any way to get the file from the input field in index.php to go through the AJAX request?

 

I attempt something like so:

 

when the file is selected in the html field, set the var file equal to it

image.change(function(){
                   extension = image.val().split('.')[1];
                   if(extension != 'png' && extension != 'jpeg' && extension != 'bmp' && extension != 'gif'){
                       image.val('');
                       displayError('#image', 'That file extension is not allowed.');
                   }else{
                       file = this;
                   }
               });

 

Then when the user is done, and they click submit - send the file through POST:

 

$.ajax({
                               type: "POST",
                               url: "post.php",
                               data: { t: title.val(),  c: content.val(), image: file}
                               }).done(function(msg) {
                                   alert(msg);
                                   if(msg != "success"){
                                       split = msg.split(',');
                                       displayError(split[0], split[1]);
                                   }else{
                                       alert(msg);
                                   }
                           });

[3raser]

Any ideas?

[Mahngiel]

files aren't sent through post, they'r sent through php://input. you'll have to capture it at that end.

check out this tutorial