[Solved] Image not binding for the second time.

[Prasad]

I am using Telerik MVC Extensions Upload control for uploading an Image. An Image tag is used with "src" property "ControllerName/actionName". Code is below:

@(Html.Telerik().Upload()
      .Name("attachments")
      .Multiple(false)
      .ShowFileList(false)
      .ClientEvents(events => events
                    .OnSuccess(@<text> function(e) {displayTempSuccess(e);}</text>)
                    .OnUpload(@<text>function (e){ telerikUpload(e)}</text>)
                   )
      .Async(async => async.Save("Save", "Recipe")
                           .AutoUpload(true))
      )

on upload i change the binary data of the image in session object with newly uploaded image and on "displayTempSuccess
" method i change the image source. In all the browsers the new image is getting displayed but in IE 9.
I monitored the server calls, in all browsers the /Recipe/GetImage call is firing for second time but IE 9.

function displayTempSuccess(e) {
        $('#yourImageId').removeAttr("src");
        $('#yourImageId').attr('src', '../Recipe/GetImage');
    }

[T. Tsonev]

Hello,

Perhaps IE is loading the image from cache as the actual URL remains unchanged. You might try to add a "cachebuster" to the image URL:

$('#yourImageId').attr('src', '../Recipe/GetImage?t=' + new Date().getTime());

I hope this helps.

Greetings,
Tsvetomir Tsonev
the Telerik team