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/ 并放入相关目录。

但在谷歌浏览器中显示的只是一个“损坏的图片图标”，而在 Firefox 中根本没有显示任何内容。当我尝试从服务器访问文件时，它似乎无法访问.gif file，因为我得到了404 error。尽管我可以在工作区的目录中看到它。

我看不出我可能会遇到什么问题。

谢谢

Answer 1

Firefox 隐藏“损坏的图像”，Chrome/Internet Explorer 显示损坏的图像占位符。

好像你没有关闭 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" />');