2015-05-15 82 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>元素,因爲它阻止了它的內容被顯示。

因此,繼續前進,並消滅它,並預期所有應該工作。