为什么我的图片在通过JavaScript加载时会被破坏?

时间:2012-06-08 02:25:52

标签: javascript

我刚刚将第一个'网站'(html + js)上传到网络服务器,我的图像通过JavaScript加载突然中断。 (他们在我的本地计算机上工作。)

我使用了相对路径(根本没有路径,因为图像与.html和.js文件位于同一文件夹中)。显示直接在html文件中编码的静态图像,但是通过JavaScript动态加载的静态图像不会显示。有什么想法吗?


抱歉,我认为这可能是一般的,独立于JS。我用来显示图像的简化代码:

$("#show_image").click(function(){
            $('#test1').append('<img src="a.jpg">');
        });

'show_image'是一个按钮,#test1是div

3 个答案:

答案 0 :(得分:0)

我建议在FireBug的Net面板中监控资源加载问题。也许这是计算远程主机中的路径或权限问题的问题。

答案 1 :(得分:0)

问题是您在.append()

中缺少引号

答案 2 :(得分:0)

如果有人有类似问题,我在我的解决方案中发现了这个错误,并不容易找到。

我使用的服务器有CASE SENSITIVE文件系统,我的图像的真实文件名是例如“a.JPG”,而不是代码中的“a.jpg”!当然,这不是我本地的案例内容文件系统的问题,只在服务器上。

我不知道服务器文件系统可能区分大小写,现在我知道......:)