图像网址下载图像而不是显示图像

时间:2014-02-03 15:22:33

标签: html image svg

我刚将网站从我的工作文件切换到服务器。

当我将其上传到我的投资组合时它工作正常,但一旦它在正确的域上就停止了工作。图像,而不是显示,只显示空白,所以我尝试去它的直接网址。

而不是它的工作,它下载图像而不是显示它。

以下是直接网址:Direct url

我的标签:<img src="images/login_header.svg" alt="Alright, lets start finding discounts!" />

我的结构:

// root (BBCM)

//// images

////// login_header.svg

//// css

//// js

// end root

我试过了:

  • /images/url.svg

  • 图片的直接网址

  • BBCM /图像/ url.svg

它在我的portfolio上工作正常但在正确的domain上没有。

有什么想法吗?当图像下载时,它也显示正确的图像,所以我在这里有点迷失。

3 个答案:

答案 0 :(得分:6)

您的服务器是否使用正确的MIME类型发送.svg文件?它应该是image/svg+xml

请参阅Nginx offers of downoload SVG instead of showing it以获得同一行的其他问题。

答案 1 :(得分:0)

尝试使用<object data="/images/login_header.svg" type="image/svg+xml"></object>代替

答案 2 :(得分:0)

某些浏览器不允许IMG标记支持SVG文件,但是如果浏览器无法呈现,则可以将其放在带有图像作为后备的对象中。

<object data="image.svg" type="image/svg+xml">
  <img src="fallbackimage.jpg" />
</object>