javascript - 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 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" />');