Why is PHP not seeing the file upload through POST and jquery?

Question

I have this HTML:

<form action='uploadhandle.php' method='POST' enctype="multipart/form-data">
<input type='file' class='fileinput' id='photo1' name='photo1'>
<input type='button' id='upload1' name='upload1' value='Upload'>
</form>

My jquery code is:

$('#upload1').click(function(){
    $.ajax({
        url: "uploadhandle.php",
        data: 'photo1='+photo1,
        success: function(data){$('#result_div').html(data)}

        });

In my uploadhandle.php, when I try to display the $_POST['photo1'], nothing comes up, it's "undefined". Does anyone know what I did wrong?

Thanks a lot, Regards

Tim Withers · Accepted Answer · 2012-03-17 16:03:06Z

6

You cannot upload a file via AJAX. It isn't possible.

What IS possible is using a plugin or another method that "simulates" ajax by creating an iframe and submitting the info in the background. There are several plugins that handle this, some are very complex, some simply extend the ajax function itself.

That being said, your syntax server side is also wrong. You have to deal with $_FILES not $_POST to find and use the submitted file.

Good luck.

answered Mar 17, 2012 at 16:03

Tim Withers

12.1k5 gold badges45 silver badges68 bronze badges

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

1 Comment

eric01 Over a year ago

Hi, thanks for your suggestions. I will look into that iframe method. Regards

Community · Accepted Answer · 2017-05-23 12:27:48Z

0

You can't upload file data through XHR (i.e. ajax). There is a file upload API in XHR2, but the most practical and cross browser compatible way today seems to use a hidden iframe to do the file upload.

Edit: See How do you post to an iframe?

edited May 23, 2017 at 12:27

CommunityBot

11 silver badge

answered Mar 17, 2012 at 16:04

Linus Thiel

39.3k9 gold badges112 silver badges104 bronze badges

1 Comment

eric01 Over a year ago

Thanks for clarifying, I am looking into your link. Regards

Collectives™ on Stack Overflow

Why is PHP not seeing the file upload through POST and jquery?

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related