使用 IE9 和 jQuery 处理动态图像错误答案

【问题标题】：Dynamic image error handling with IE9 and jQuery使用 IE9 和 jQuery 处理动态图像错误
【发布时间】：2013-02-22 15:22:44
【问题描述】：

我有一些动态加载图像控件的 asp.net 代码。它的工作原理是将图像放入隐藏变量中，然后通过 jquery 设置 url。它工作正常，除了在 IE9 中总是发生错误，但我无法确定错误是什么。我应该查看“err”的什么属性来获取错误，有没有更好的方法来做到这一点？

<div id="DivFS" class="thumbnailDiv">
    <asp:Image ID="thumbFS" runat="server" CssClass="thumbImage" />
</div>


<script type="text/javascript">
    $(document).ready(function () {
        $('#thumbFS').error(function (err) {
        });
     $('#thumbFS').attr("src", $('#DocumentFS').val());
    });
</script>

<asp:HiddenField ID="DocumentFS" runat="server" />


protected void Page_Load(object sender, EventArgs e)
    {
        this.DocumentFS.Value = this.GetUrl(......, UrlType.Thumbnail);
    }

【问题讨论】：

标签： jquery asp.net error-handling

【解决方案1】：

我通过将图像默认设置为不可见并在加载时打开它们的可见性来解决这个问题，而不是相反（使它们可见，然后在发生错误时将它们变为不可见）。错误事件在 IE9 中被证明是不可靠的，尤其是在按下 CTRL-F5 时。

【讨论】：