GIF图像未显示在html页面上

Question

我有一个html页面，当它正在等待来自服务器的数据时，它应该显示一个动画的gif图像，以显示它正在等待。

这是代码：

 $("#display").append('<img src="/templates/image.gif alt="red" width="30" height="30" " />');

这是html：

 <div style="margin:0 auto;" id="display"></div>

动画gif取自gif生成器：http://www.ajaxload.info/并放入相关目录。

但是，所有显示的内容都是Google Chrome中的“破碎图片图标”，Firefox中根本没有显示任何内容。当我尝试从服务器访问该文件时，它似乎无法访问.gif file，因为我得到404 error。虽然我可以在工作区的目录中看到它。

我看不出我的问题。

由于

Answer 1

Firefox隐藏了“破碎图像”，Chrome / Internet资源管理器显示了一个损坏的图像占位符。

好像你没有关闭src属性。

$("#display").append('<img src="/templates/image.gif alt="red" width="30" height="30" " />');

应该是

$("#display").append('<img src="/templates/image.gif" alt="red" width="30" height="30" />');