Call to a member function getClientOriginalExtension() on string - php

Question

In my laravel controller when i try to upload image i get this error..
My I Know what the problem is
This is inside my controller
$image = $request['images'];
if ($image)
{
$imgfile = $request['images'];
$imgpath = 'uploads/users/images/'.$user->id;
File::makeDirectory($imgpath, $mode = 0777, true, true);
$imgDestinationPath = $imgpath.'/'; // upload folder in public directory
$ext1 = $imgfile->getClientOriginalExtension();
$filename1 = uniqid('vid_').'.'.$ext1;
$usuccess = $imgfile->move($imgDestinationPath, $filename1);
}
This is my jquery code my form id is update profile and i get all the field values by its name
$("#updateprofile").on('submit', function(e){
e.preventDefault(e);
var redirect_url = $(this).find("[name='redirect_url']").val();
var url = $(this).attr('action');
var method = $(this).attr('method');
var myData = {
name: $(this).find("[name='name']").val(),
gender:$(this).find("[name='gender']").val(),
lastname:$(this).find("[name='lastname']").val(),
email:$(this).find("[name='email']").val(),
mobile:$(this).find("[name='mobile']").val(),
address:$(this).find("[name='address']").val(),
city: $(this).find("[name='city']").val(),
state:$(this).find("[name='state']").val(),
country:$(this).find("[name='country']").val(),
pin:$(this).find("[name='pin']").val(),
images: document.getElementById('imageToUpload').files[0],
}
console.log("data", myData);
$.ajax({
type: "PUT",
url: url,
dataType: 'JSON',
data: myData,
success: function(data) {
console.log(data);
//alert("Profile update successfully")
//window.location.href = redirect_url;
},
error: function(jqXHR, textStatus, errorThrown) {
alert("das");
console.log(JSON.stringify(jqXHR));
console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
}
});
});

Answer 1

Try this (assuming your form input's id and name value is images),
if($request->hasFile('images')) {
$imgfile = Input::file('images');
$imgpath = 'uploads/users/images/'.$user->id;
File::makeDirectory($imgpath, $mode = 0777, true, true);
$imgDestinationPath = $imgpath.'/';
$ext1 = $imgfile->getClientOriginalExtension();
$filename1 = uniqid('vid_').'.'.$ext1;
$usuccess = $imgfile->move($imgDestinationPath, $filename1);
}
In your jQuery code :
try changeing
images: document.getElementById('imageToUpload').files[0],
to
images: document.getElementById('imageToUpload').files[0].value,
and as you are uploading files through your form yous should specify contentType: 'multipart/form-data', in your ajax call