javascript - 为什么我的图片在通过 JavaScript 加载时会损坏？

Question

我刚刚将我的第一个“网站”(html+js) 上传到网络服务器，我通过 JavaScript 加载的图像突然坏了。（他们在我的本地计算机上工作。）

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

抱歉，我认为这可能是通用的，独立于 JS。我用于显示图像的非常简化的代码：

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

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

score 0 · Accepted Answer

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

score 0 · Accepted Answer

0

问题是您在 .append() 中缺少引号

于 2012-06-08T02:35:55.947 回答

score 0 · Accepted Answer

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

我使用的服务器有区分大小写的文件系统，我的图像的真实文件名是例如“a.JPG”，而不是代码中的“a.jpg”！当然，这在我的本地、不区分大小写的文件系统上不是问题，只是在服务器上。

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

3 回答 3