javascript - 图片源后期绑定——去掉同时显示的冗余错误图标

Question

在页面上我有 img 声明：

<img src="" alt="" itemid="7" />

我想将此图像与适当的源 URL 绑定。我需要从外部服务获取这个 url：

$(document).ready(function () {
    var id = $(img).attr('itemid');
    getImageUrl(id);  // fetch the image source url, takes about 5 seconds
});

function getImageUrl(id) {
    $.ajax({
        url: 'http://images.service.svc/get?id=' + id,
        type: 'GET',
        dataType: 'json',
        contentType: 'application/json; charset=utf-8',
        success:
            /* after about 5 seconds */
            function (result) {
                var imageUrl = result.ImageUrl;
                image.attr('src', imageUrl);
            }
    });
}

同时，在 IE 中我得到错误图像

源url绑定图片后如何显示图片，然后由浏览器下载，最后准备显示？

Answer 1

您可以visibility:hidden在 CSS 中将图像设置为，然后在 JavaScript 中，属性完成后，将 CSS 设置为visibility:visible

image.css('visibility','visible');