Hi Danail thanks for the reply, i tryed the solution you suggested by placing the alert("success"); inside the success function it was triggered, and then i saw that the id name of the grid was Grid_#=SiteAuditID# so i changed it to "Grid"
@(Html.Kendo().Grid<KendoUIApp1_Test.Models.AuditPicIncidentModel>()
.Name("Grid_#=SiteAuditID#") changed it to Name("Grid") and it was able to call the refreshing of the grid after uploading a file,
Displaying images? i changed the the folder to images and images are now showing correctly thanks for this hope this will help someone in the future references.
But however i noticed another strange behaviour on the subgrid... where when i click on the firts row and expand it to show the subgrid information everything looks well rendered and loaded. But the moment i click on the second row? the grid does get rendered correctly i dont know what causes this behaviour perhaps i missed something like a curly bracket? cause i know javascripts are very sensetive? Please see below attachment images off the subgrid