PHP $_FILES and Jquery $.post

Asked Jan 23 '14 at 17:08

Active Jan 23 '14 at 17:14

Viewed 56 times

I want to do a form which allows to upload a file through a JQuery submit. I have this html code:

<form method="post" id="addPhotoForm" enctype="multipart/form-data">
    <input type="hidden" name="MAX_FILE_SIZE" value="10000000">
    <input type="file" name="photo" />
    <input type="text" name="words" />
    <input type="button" onclick="go();" />
</form>

go(); allows to submit (JS / JQuery) :

function go() {
    $.post('processing.php', $("#addPhotoForm").serialize()).done(function (data) {
    console.log(data);
});
}

and PHP code:

var_dump($_POST['words']);
var_dump($_FILES);
die('');

Here, $_POST['words'] displays the right thing but $_FILES stays an empty array even after selecting a file. Where is the problem please?

Thanks a lot.

edited Jan 23 '14 at 17:12

asked Jan 23 '14 at 17:08

user2428648

`$("#addPhotoForm").serialize()` ignores file fields. – Kevin B Jan 23 '14 at 17:12
file inputs can't be serialized, you have to use the formData object. – adeneo Jan 23 '14 at 17:13
Ok what have I to write so? – user2428648 Jan 23 '14 at 17:15
You might want to take a look at how to manually send data in the POST body: http://stackoverflow.com/questions/9084296/how-to-set-the-raw-body-in-jquery-ajax#answer-9084625 – jacobq Jan 23 '14 at 17:29
a good solution here : http://malsup.com/jquery/form/#code-samples we just have to use the html form normaly, it worked first try. Then use $_FILES as usual – user2428648 Jan 23 '14 at 18:22

PHP $_FILES and Jquery $.post

0 Answers0