Return image by jQuery issue

Question

Somehow the code to setup src for image tag does not work at all.

But if I put directly url in browser or update page the url is working fine.

It seems like

var tsPath = '@Url.Action("UpdatedLogo", "Logo")';
$('#logo').attr("src", tsPath);

is not firing at all.

What I am missing?

$.ajax({
            type: "POST",
            url: '@Url.Action("Logo", "Users")',
            data: JSON.stringify(params),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {

                // It is not working :(
                var tsPath = '@Url.Action("UpdatedLogo", "Logo")';
                $('#logo').attr("src", tsPath);

            },
            error: function () {
                alert("Timeout error.");
            }
        });

C#

 public ActionResult UpdatedLogo()
        {
                // ... some code
                    using (var stream = new MemoryStream())
                    {
                        image.Save(stream, ImageFormat.Png);
                        return File(stream.ToArray(), "image/png");
                    }

        }

P.S. What I found that when I do it first time it happens and all next click dont have any effect. And at the same time no errors.

Could be that Browser is caching image somehow? Or what it is?

I'm afraid you just said `user\Updatedlogo`.It should be return `user\Updatedlogo.extension' and does file exists there? jsfiddle? — Just code, Jul 22 '14 at 13:15
check the url of image in javascript. try to add '\' in start of the url if it does not exist. thanks — Devendra Soni, Jul 22 '14 at 13:28
Yes either a JSfiddle or your HTML might be of help here. We currently cannot rule out that there isn't a `$('#logo')` — Rob Schmuecker, Jul 22 '14 at 13:31
What does a `console.log(tsPath)` give you after `var tsPath = '@Url.Action("UpdatedLogo", "Logo")';` ? — Rob Schmuecker, Jul 22 '14 at 13:33

score 0 · Accepted Answer · edited May 23 '17 at 12:06

0

I found whatsup.

Here is an answer How to reload/refresh an element(image) in jQuery

I did following

var tsPath = '@Url.Action("UpdatedLogo", "Logo")';
$('#logo').attr("src", tsPath + "?&d=" + Math.floor(Math.random() * 1000));

Yeah! :)

edited May 23 '17 at 12:06

Community

1
1

answered Jul 22 '14 at 13:46

NoWar

36,338
80
323
498

ok - yes that would certainly bust the cache but I'm still not sure whether your original was returning an extension? – Rob Schmuecker Jul 22 '14 at 13:51

Return image by jQuery issue

1 Answers1