Невозможно отобразить SVG, используемый <object> в браузере

Question

Я пытаюсь настроить векторное веб-приложение на своем сервере https://vector.cnjabber.net/, но я обнаружил, что SVG, используемый <object> (я думаю, что они созданы javascripts.) Не может отображаться в браузере. Однако официальное приложение в https://riot.im отображает все файлы SVG правильно. Я сделал небольшой тест на моем сервере:

https://cnjabber.net/test/index.html

Я использую <img src="..."/> и <object type="svg+xml" data="..."></object> использовать файл SVG, но браузер показывает только <img src="..."> изображение, инструмент разработчика в Firefox, только говорит «Не удалось загрузить изображение ». Chromium и Qupzilla также не могут загрузить его. Если я открываю html-файл локально с файлом: ///some/path/index.html, он отлично работает.

Я искал в Интернете и проверил, что правильно настроил тип MIME в lighttpd. Может ли кто-нибудь сказать мне, в чем проблема?

Answer 1

Я думаю, ваша проблема может лежать type="xvg+xml", которые должны быть type="image/svg+xml" Кроме того, она должна быть структурирована следующим образом:

<object type="image/svg+xml" src="yourimage.svg"> 
    <img src="yourfallbackimage.png" alt="Your browser does not support SVG"/> 
</object> 

Если SVG является статическим (не интерактивный), то вы можете просто использовать IMG тег и он должен загрузить изображение штрафа:

<img src="yourimage.svg"/> 

Answer 2

Я, наконец, знаю, что произошло. На этот раз я использую консоль в инструментах разработчика Firefox. picture И я обнаружил, что это проблема X-Frame-Options: DENY.