Загрузить изображение с помощью jsGrid через переполнение стека

Я застрял при загрузке изображения через jsGrid на мой сервер. Я могу получить изображение из базы данных. Но я сталкиваюсь с проблемой при загрузке изображения на свой сервер

Вот мое поле изображения

        {
name:"Image",

edittype:'file',
align: "center",
editoptions: {
enctype: "multipart/form-data"},

width: 100,
itemTemplate: function(val, item) {
return $("<img>").attr("src", val).css({ height: 80, width: 80 }).on("click", function() {
$("#imagePreview").attr("src", item.Img);
$("#dialog").dialog("open");
});
},
insertTemplate: function() {
var insertControl = this.insertControl = $("<input>").prop("type", "file");
return insertControl;
},
insertValue: function() {
return this.insertControl[0].files[0];
}

},

Вот моя часть контроллера для вставки элемента

insertItem: function(item){
var formData = new FormData();
formData.append("Id", item.Id);
formData.append("District", item.District);
formData.append("Category", item.Category);
formData.append("Name", item.Name);
formData.append("Path", item.Path);

formData.append("Description", item.Description);
formData.append("Description", item.Description);



formData.append("Image[]", item.Image, item.Image.name);

return $.ajax({
type: "POST",
url: "fetch_data.php",
data:formData,
contentType: false,
processData: false
});
},

А вот часть PHP

$image= $_Files['Image'];