Почему не грузятся SVG картинки без сервера?

#javascript #svg

Когда запущен сервер - всё отлично, когда открываю на локалке просто index.html,
то выпадают ошибки.


  Unsafe attempt to load URL file:///D:/17.dir/dir1/build/sprites.svg#camera from
frame with URL file:///D:/17.dir/dir1/build/index.html. 'file:' URLs are treated as
unique security origins.

    

Ответы

Ответ 1

По сообщению об ошибке видно, что вы пытались вызвать изображение из спрайта svg. 
Вероятнее всего у вас браузер Chrome или другой браузер из семейства webkit
Эти  браузеры не работают, если файл спрайта находится локально.  

Если нужно проверить на локалке запускайте Firefox


Ответ 2

Ваша ошибка возникает из-за нарушения правил CORS (Cross-origin resource sharing).

Если нужно, чтобы работало везде, то делайте через Data:URL. Обойти эти правила для
локальных файлов можно только так.

Так можно через JS свободно грузить картинки SVG:



var img = new Image;
img.src = 'data:image/svg+xml;base64,' + btoa('');

document.write('CORS – ');
document.body.appendChild(img);