can't upload image by ajax in laravel

Question

iam try to upload image by ajax in laravel.
here is my js code :

$('#profile_picture').on('submit', function(event){
    event.preventDefault();
    $.ajax
    ({
        type: "POST",
        url: "{{url('all/update-profile-picture')}}", 
        data:new FormData(this),
        dataType:'json',
        type:'post',
        processData: false,
        contentType: false,
        cache:false,
    }).done( function(data){
      //swal("Good job!", "Your information has been successfully updated!", "success")
          console.log('Ajax was Successful!')
          console.log(data)
    }).fail(function(xhr, textStatus, error){
        console.log(textStatus)
        console.log(error)
    });
});

here is controller code :

$validation = Validator::make($request->all(), [
    'profile_photo'=> 'required|image|mimies:jpeg,png,jpg,gif|max:2048'
]);
if ($validation->passes()) {
    //$image = $request->file('profile_photo');
    $new_name = time().'.'.$request->image->getClientOriginalExtension();
    $request->image->move(public_path("photo"),$new_name);
    return response()->json([
        'message' => 'Image uploaded successfully'
    ]);
} else {
    return response()->json([
        'message' => $validation->errors()->all(),
        'profile_photo' => '',
        'class_name' => 'danger'
    ]);
}

I hope its my controller's problem . when click submit with blank , its seen error message in console.
I don't understand whats the problem ??

utdev · Accepted Answer · 2019-01-06 12:17:39Z

1

you need to use file() method for get your request file.

$validation = Validator::make($request->all(), [
    'profile_photo'=> 'required|image|mimies:jpeg,png,jpg,gif|max:2048'
]);

if ($validation->passes()) {

    $new_name = time().'.'.$request->file('profile_photo')->getClientOriginalExtension();
    $request->file('profile_photo')->move(public_path("photo"),$new_name);

    return response()->json([
        'message' => 'Image uploaded successfully'
    ]);
} 

return response()->json([
    'message' => $validation->errors()->all(),
    'profile_photo' => '',
    'class_name' => 'danger'
]);

edited Jan 6, 2019 at 12:17

utdev

4,11210 gold badges42 silver badges75 bronze badges

answered Jan 6, 2019 at 11:56

Md.Sukel Ali

3,0655 gold badges26 silver badges36 bronze badges

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

6 Comments

Nirab Over a year ago

i see Internal Server Error in console

Nirab Over a year ago

iam sure my problem is if ($validation->passes()) { in this condition & i did successfully upload image without check validation.

Md.Sukel Ali Over a year ago

Can you exactly see the error by inspect element then go to network tab then click on the request.

Md.Sukel Ali Over a year ago

You can see this question stackoverflow.com/questions/53948142/…

Md.Sukel Ali Over a year ago

Did you import Validator class, top of your controller class ?

|

Collectives™ on Stack Overflow

can't upload image by ajax in laravel

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related