使用jQuery触发@Url Action

Question

如何在页面加载后使用操作来下载和替换图像？

HTML：

<img id="profileWindowPictureContent" src="@Url.Action("GetLargeProfilePic", "Home")"/>

提前感谢您的回答！

Answer 1

<img id="my-image" src="@Url.Action("GetImage", "Home")"/>
<button id="reload-button">Reload image</button>

<script type="text/javascript">
    $(document).ready(function()
    {
        $("#reload-button").click(function()
        {
             $.ajax({
                type: "GET",
                url: "@Url.Action("GetImage", "Home")"
            })
            .done(function(data)
            {
                $("#my-image").removeAttr("src")
                              .attr("src", 
                                    "@Url.Action("GetImage", "Home")");
                alert("Image reloaded");
            }); 
        });
    });
</script>

当您单击“重新加载图像”按钮时，您将执行ajax调用，这将强制您的浏览器通过从图像中删除src属性然后重新添加来重新加载图像。

此外，您可以选择所需的任何其他触发器，而不是单击按钮。