用img标签替换图像URL文本，图像在几秒钟后变为“损坏”

Question

我正在使用Crossrider为自己编写Chrome扩展程序。这很简单。它会删除网址的评论，并将其替换为<img>代码，以便在评论中内嵌显示图片。

我还没有用正则表达式检查来确定URL是否指向图像，但我一直在对带有图片网址注释的帖子进行测试。

页面加载后，图片网址会替换为<img>标记，图片会显示...几秒钟。然后它变成了一个“破碎的图像”图标。

我不确定发生了什么，除了似乎有两个图像请求，即使我的代码只执行一次。其中一个请求表示它已获得404，但是如果我在Chrome调试控制台中单击该请求，它会显示图像正常，并且与未获得404的请求的URL相同。

我的代码（我还没有编写正则表达式匹配，看看网址是否指向图片）：

var $links;

$( '.Mi' ).has('a').each(function(i,e,a) {
    $links = $( e ).children('a');
    if ( $links.length > 0 ) {
        $links.each(function(i,e,a) {
            if ( !$( e ).has('img').length ) {
                $( e ).html( $('<img/>', { src: $(e).attr('href') }) );
            }
        });
    }
});