Chrome瀏覽器加載本地文件
一般來說,為了安全起見,瀏覽器是不能通過load方法來加載本地文件的,load方法只能加載遠程服務器上的文件。
在瀏覽器默認的情況下,試圖加載一個本地文件,會出現交叉域訪問的錯誤,如下圖:
為了解決這個問題,我們有兩種方式,第一種是在本地搭建一個web服務器,例如tomcat,將需要加載的數據放到服務器中,通過url地址來訪問。
另一種方法更簡單,就是對瀏覽器進行一些設置,讓其能夠加載本地文件。
為chrome瀏覽器創建一個快捷方式,右鍵點擊chrome.exe,選擇“創建快捷方式”或者“發送到”→“桌面快捷方式”),右鍵點擊快捷方式,選擇屬性。 然后將“--enable-webgl --ignore-gpu-blacklist --allow-file-access-from-files”參數加到目標后,注意exe后面一定要加空格,這個至少有10個人錯過了,如下圖:
各個參數的含義是:
--enable-webgl,表示開啟WebGL支持.
--ignore-gpu-blacklist,表示忽略GPU黑名單,也就是說有一些顯卡GPU因為過於陳舊等原因,不建議運行WebGL,這個參數可以讓瀏覽器忽略這個黑名單,強制運行WebGL.
--allow-file-access-from-files,表示允許從本地載入資源.
Ok,以后都以這個快捷方式啟動,你就能夠加載本地資源了。