Image not uploading to folder by php using Jquery Ajax

Question

My HTML is as follows

<form id="df" enctype="multipart/form-data">
<input type="email" name="email">
<input type="file" name="image">
<button type="submit" id="submit">Submit</button>
</form>

My Script

$(document).ready(function()
{
   $("#df").submit(function(event)
    {
      event.preventDefault();
      $.ajax
      ({
        type: 'POST',
        url: 'review.php',
        data: new FormData(this),
        contentType: false,
        cache: false,
        processData:false,
        success: function(data)
        {
            $('#preview').html(data);
        }
     });
    return false;
   });
});

My PHP script

<?php
$file = $_POST["email"];
$path = "uploads/$file";
mkdir($path);

 $t = $path.'/'.$_FILES['image']['name'];
 $s = $_FILES['image']['tmp_name'];
 echo "File name : " .$_FILES['image']['name']. "</br>";
 echo "File type : " .$_FILES['image']['type']. "</br>";
 echo "File size : " .$_FILES['image']['size']. "</br>";

 move_uploaded_file($s,$t);

 if (is_uploaded_file($_FILES['image']['tmp_name'])) {
     echo "File ". $_FILES['image']['name'] ." uploaded successfully.\n";
 }
 else {
 echo "File Not uploaded";
 }

echo '<img src="'.$t.'" alt="No image selected" class="img-responsive">';
?>

I get the following output.

File name : IMG_20150526_194112.jpg
File type : 
File size : 0
File Not uploaded

Subfolder with name email-id is being created in uploads folder, but image in not uploading to that folder. Where is it going wrong?

maybe the file is not an image

guradio
– guradio

2015-09-10 10:59:28 +00:00
Commented Sep 10, 2015 at 10:59 — guradio
– guradio, Commented Sep 10, 2015 at 10:59
Maybe it has to do with permissions. Try chmod ?

Serhat Akay
– Serhat Akay

2015-09-10 11:05:43 +00:00
Commented Sep 10, 2015 at 11:05 — Serhat Akay
– Serhat Akay, Commented Sep 10, 2015 at 11:05

Saty · Accepted Answer · 2015-09-10 11:07:25Z

2

You need to add enctype="multipart/form-data"> in your form tag. It would be

<form id="df" enctype="multipart/form-data">

answered Sep 10, 2015 at 11:07

Saty

22.5k7 gold badges35 silver badges52 bronze badges

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

1 Comment

Ravi Teja Over a year ago

My mistake, I haven't put that before. Yes I have enctype.

Collectives™ on Stack Overflow

Image not uploading to folder by php using Jquery Ajax

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