javascript - Chrome - 从 JS 加载时未加载图像

Question

我试图简单地在页面加载时加载图像。

当我使用简单的 src 时，它工作正常:

<img src="url.png" />

但是当我尝试从我的 JS 加载它时它没有加载:

<img id="loadImage" src="" />

JS:

var _img = document.getElementById('loadImage');
_img.src = 'url.png';

该网址显示为“未找到”。

我遇到了与这篇文章中相同的错误:What does status=canceled for a resource mean in Chrome Developer Tools?

我似乎无法解决这个问题，为什么会发生这种情况。

Answer 1

为什么不尝试将整个图像标签保存在变量中？您没有提供无效的 HTML 标记，例如空 src。

只需将 HTML 更改为

<div id="imageholder"></div>

并使用此代码

$(document).ready(function() {
    var image_1 = $('<img src="img/url.png" />');
    $("#imageholder").append(image_1);
});

拿着这个 fiddle 试试:)

http://jsfiddle.net/aBF67/

注意:我在该示例中使用 jQuery :)