我刚将网站从我的工作文件切换到服务器。
当我将其上传到我的投资组合时它工作正常,但一旦它在正确的域上就停止了工作。图像,而不是显示,只显示空白,所以我尝试去它的直接网址。
而不是它的工作,它下载图像而不是显示它。
以下是直接网址: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上没有。
有什么想法吗?当图像下载时,它也显示正确的图像,所以我在这里有点迷失。
答案 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>