2015-05-15 85 views
0

标签我得到一个错误,我真的不知道该如何处理它。这是错误的:从铬] 无法加载外部源SVG

Unsafe attempt to load URL file:///C:/Users/Ho%20Thi%20Kim%20Loan/Desktop/BeTe/assets/file-text2.svg#icon-file-text2 from frame with URL file:///C:/Users/Ho%20Thi%20Kim%20Loan/Desktop/BeTe/index.html. Domains, protocols and ports must match. 

我的代码看起来就像CSS-Trick

<svg viewBox="0 0 100 100"> 
    <use xlink:href="assets/file-text2.svg#icon-file-text2"></use> 
</svg> 

我的SVG:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 
<defs> 
    <symbol id="icon-file-text2" viewBox="0 0 1024 1024"> 
     <title>file-text2</title> 
     <path class="path1" d="M917.806 229.076c-22.212-30.292-53.174-65.7-87.178-99.704s-69.412-64.964-99.704-87.178c-51.574-37.82-76.592-42.194-90.924-42.194h-496c-44.112 0-80 35.888-80 80v864c0 44.112 35.888 80 80 80h736c44.112 0 80-35.888 80-80v-624c0-14.332-4.372-39.35-42.194-90.924zM785.374 174.626c30.7 30.7 54.8 58.398 72.58 81.374h-153.954v-153.946c22.984 17.78 50.678 41.878 81.374 72.572zM896 944c0 8.672-7.328 16-16 16h-736c-8.672 0-16-7.328-16-16v-864c0-8.672 7.328-16 16-16 0 0 495.956-0.002 496 0v224c0 17.672 14.326 32 32 32h224v624z"></path> 
     <path class="path2" d="M736 832h-448c-17.672 0-32-14.326-32-32s14.328-32 32-32h448c17.674 0 32 14.326 32 32s-14.326 32-32 32z"></path> 
     <path class="path3" d="M736 704h-448c-17.672 0-32-14.326-32-32s14.328-32 32-32h448c17.674 0 32 14.326 32 32s-14.326 32-32 32z"></path> 
     <path class="path4" d="M736 576h-448c-17.672 0-32-14.326-32-32s14.328-32 32-32h448c17.674 0 32 14.326 32 32s-14.326 32-32 32z"></path> 
    </symbol> 
</defs> 

SVG图像上是属于到IcoMoon

现在我真的很想知道如何处理这个错误。我的所有协议和端口都匹配,并且这是本地主机。它究竟可以拥有一个域名? (难道你不认为这是一个错误吗?)

+1

铬认为本地文件是外部域。它不被视为一个错误。其他浏览器不具有此行为。您可以通过从命令行/终端启动并将文件的允许文件访问设置为参数来禁用Chrome。如何做到这一点取决于你的操作系统。 –

+0

Thanks @JulienGrégoire,但是你能澄清一下'设置允许文件访问 - 从文件作为参数'的部分。我不确定如何去做。而Cr只考虑本地文件或任何类型的主机?我打算做一个铬的应用程序...(我使用的是Windows 8.1) –

+0

你好队友 - 我只是游荡,如果你发现身边的工作这个问题。我得到完全相同的问题,从克里斯Coyer完全相同的建议:) – robjez

回答

0

按照@Julien评论这不会(在Chrome,歌剧或IE没有,但在Firefox罚款)在本地工作,所以你需要做的全本在服务器上。

另外我想通过我的情况(和你一样),也是从我的外部svg文件中删除<defs></defs>元素,因为它阻止了它的内容被显示。

因此,继续前进,并消灭它,并预期所有应该工作。