在JavaScript函数中调用的CSS图像有时无法加载

时间:2013-04-15 17:51:43

标签: javascript css file-upload background-image

有时,CSS背景图片无法加载。可能是什么原因造成的?

我有一个像这样的Javascript代码:

function progressBar(file_id) {

    pbar = ($("<div />").attr('id',file_id+"-statusicon").css({"background-image" : "url('../img/test-skip-icon.png')", "width" : "16px", "height" : "16px"}));
    $("#"+file_id+" .status").append(pbar);
}

然后我在另一个函数中调用它:

progressBar(file_id);

问题是有时图像加载正确,有时不加载。 png图像大小约为9KB。

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

您可能希望在进行调用之前预先加载图像,以确保它位于缓存中。关于预加载图像有很多文章。您可能还需要考虑使用数据:uri用于图像,因此根本不需要从文件系统加载 - Mike McCaughan