Проблема с загрузкой изображения {Ajax, php, Filereader}

Когда я загружаю изображение, сервер возвращает «пустой».

Что мне нужно изменить с сервера или клиента для работы?
Я хочу загрузить только одно изображение, и у меня нет формы и т. Д.
HTML:

input id = «imgupload» type = «file» value = «Upload»

Сторона клиента:

var reader = new FileReader();
function readURL(input) {
var fileTypes = ['jpg', 'jpeg', 'png'];
var extension = input.files[0].name.split('.').pop().toLowerCase(),
isSuccess = fileTypes.indexOf(extension) > -1;
if (isSuccess) {
reader.onload = function (e)
{
$('#img').attr('src', e.target.result);
$('#imguploadinput').hide();
$('#imguploadmenu').show();
$( "#imgsave" ).click(function() {
imagesave(e.target.result);
});
}
reader.readAsDataURL(input.files[0]);
}
else{
imagedelete();
$('#error').html("file error!");
}
}
function imagesave(img){
//$('#imguploadmenu').hide();
$.ajax({
url: "system/profile/uploadimage.php",
type: "POST",
data: {img:img},
success: function (data) {
$("#imgSpinner1").hide();
$('#error').html(data);
},
beforeSend: function() {
$("#imgSpinner1").show();
}
});
}

Сторона сервера:

$imageInfo = getimagesize($_FILES['img']['tmp_name']);
if ($imageInfo['mime'] == ("image/png") || $imageInfo['mime'] == ("image/jpeg")
|| $imageInfo['mime'] == ("image/gif") ||
$imageInfo['mime'] == ("image/bmp")) {
echo "ok";
}
else
{
if(empty($_FILES['img'])) echo "empty";
else echo "no empty";
}