JQuery $_POST and $_FILES array are empty

Question

I am trying to upload an image from inside a JQuery modal. The form is hidden in php and once a link is clicked the modal window appears, along with a very simple form, just a file upload field

<form action="" method="post" enctype="multipart/form-data" id="uploadprofileimage"    name="uploadprofileimage">
        <label for="image">Upload a picture of the item:</label>
        <input type="file" name="image" id="image">
        </form>

However when the upload button is clicked the form is serialized and sent. To try and resolve this issue I have post back to the page and when I dump $_POST and $_FILES the arrays are empty, where am I going wrong? I have done post before when I have posted variables to PHP, but for some reason I cannot post a form!

Below is my JQuery code, hope someone can help!, Thanks

$("[href='#avatar']").click(function() {
            $("#profile-upload").dialog({
                title: 'Add a profile image',
                width: 400,
                height: 200,

                buttons:[  

                { 
                text: 'Upload',
                click: function(e) {
                    e.preventDefault();
                    var post = $("#uploadprofileimage").serialize();
                    $.post("profiles.php", post, function(data){
                        console.log(post);
                        console.log(data);


                    },'json');


                }


                },

                { text: 'Close', click: function() { $(this).dialog('close');}}



                ]


            });
    });

Tim Withers · Accepted Answer · 2012-03-23 22:40:33Z

1

You cannot upload files using AJAX. You can however use one of many plugins that simulate AJAX action. They do this by creating an iframe in the background and submitting the data that way. Try searching for jQuery file upload plugins.

answered Mar 23, 2012 at 22:40

Tim Withers

12.1k5 gold badges45 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Alan Over a year ago

Great thanks for that Tim, think I will let PHP handle the file uploads then!

Collectives™ on Stack Overflow

JQuery $_POST and $_FILES array are empty

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related