asp.net - Internet Explorer 中的图像加载超时

Question

我有一个内部应用程序页面，该页面显示使用网络服务从文档存储系统流式传输的文档图像。我遇到的问题是，当用户进行搜索时，他们可能会获得数百次点击，我必须将这些点击显示在一个大页面上，以便他们可以将它们全部打印出来。这在 Firefox 中工作正常，但在 IE 中它会在一段时间后停止加载图像，所以我显示了一百个左右，其余的只有损坏的图像符号。有什么地方可以更改此超时设置吗？

Answer 1

如果问题确实是超时，您可以通过使用“延迟加载”脚本并仅在加载现有图像后才向文档中添加新图像来解决此问题。

有很多方法可以做到这一点，但这里有一个我放在一起测试的简单示例。而不是这个:

<img src="image001.jpg" />
<img src="image002.jpg" />
<img src="image003.jpg" />
<img src="image004.jpg" />
<!-- Etc etc etc -->

你可以这样做:

<div id="imgsGoHere">
</div>

<script type="text/javascript">
    function crossBrowserEventAttach(objectRef, eventName, functionRef)
    {
        try {
            objectRef.addEventListener(eventName, functionRef, false);
        }
        catch(err) {
            try {
                objectRef.attachEvent("on" + eventName, functionRef);
            }
            catch(err2) {
                // event attachment failed
            }
        }
    }


    function addImageToPage()
    {
        var newImageElement = document.createElement("img");
        newImageElement.src = imageArray[nextImageNumber];

        var targetElement = document.getElementById("imgsGoHere");
        targetElement.appendChild(newImageElement);

        nextImageNumber++;

        if (nextImageNumber < imageArray.length) {
            crossBrowserEventAttach(newImageElement, "load", addImageToPage);
            crossBrowserEventAttach(newImageElement, "error", addImageToPage);
        }
    }

    var nextImageNumber = 0;

    var imageArray = new Array();
    imageArray[imageArray.length] = "image001.jpg";
    imageArray[imageArray.length] = "image002.jpg";
    imageArray[imageArray.length] = "image003.jpg";
    // .
    // .
    // .
    // Snip hundreds of rows
    // .
    // .
    // .
    imageArray[imageArray.length] = "image999.jpg";

    addImageToPage();
</script>

每个图像仅在前一个图像加载(或加载失败)后添加到页面。如果您的浏览器超时，我认为这会解决问题。

当然，问题实际上可能不是超时，而是您的内存/系统资源不足，IE 正在放弃。或者可能存在像 Sra 所说的 IE DOM 限制。