MIME-тип не работает для SVG

Question

Я пытаюсь вставить файл .svg на свою веб-страницу (что я редактирую с помощью Aptana). Необходимым фрагментом кода является

<img src="pict.svg" width=800px/> 

Он прекрасно работает, когда он работает с Aptana. Но при попытке в локальном хосте или при развертывании его в Интернете, я только получаю следующий значок:

Где-то я прочитал, что это связано с объявляющего типа MIME, а именно рекомендуется писать следующий фрагмент кода в голове:

<meta http-equiv="content-type" content="image/svg+xml"> 

Но ничего не меняется. Возможно, это связано с Aptana ... например, можно изменить кодировку текста без использования

<meta charset="UTF-8"> 

, который заставляет меня думать, что нечто подобное может случиться с .svg файлами.

Любое предложение приветствуется.

Answer 1

Если у вас есть доступ к вашему файлу .htaccess, добавьте в него эту строку кода и сохраните ее.

AddType image/svg+xml .svg .svgz 

Это должно решить вашу проблему.

EDIT: Как создать файл htaccess.

Просто перейдите в папку, в которой находится ваш index.html или файл index.php (на домашней странице), и создайте новый файл .htaccess и просто добавьте код сверху и сохраните его.

Answer 2

Две вещи, чтобы проверить:

1. Откройте браузер средства разработки. Перейдите на вкладку Сеть/Сеть и загрузите страницу. Вы должны уметь видеть из ответов то, что возвращается тип MIME. Найдите столбец «Тип» в Chrome или в Firefox щелкните знак «плюс» и найдите заголовок ответа «Content-type».

2. Как выглядит ваш SVG-файл? Автономные файлы SVG имеют некоторые базовые требования, которые не поддерживаются встроенными SVG. Главное - проверить, что ваш файл SVG имеет xmlns в своем корневом элементе <svg>.

   <svg ... xmlns="http://www.w3.org/2000/svg" ... >