方法/步驟

1、一般來說，為了安全起見，瀏覽器是不能透過load方法來載入本地檔案的，load方法只能載入遠端伺服器上的檔案。

在瀏覽器預設的情況下，試圖載入一個本地檔案，會出現交叉域訪問的錯誤，如下圖：

2、為了解決這個問題，我們有兩種方式，第一種是在本地搭建一個web伺服器，例如tomcat，將需要載入的資料放到伺服器中，透過url地址來訪問。

3、另一種方法更簡單，就是對瀏覽器進行一些設定，讓其能夠載入本地檔案。

為chrome瀏覽器建立一個快捷方式，右鍵點選chrome.exe，選擇“建立快捷方式”或者“傳送到”→“桌面快捷方式”），右鍵點選快捷方式，選擇屬性。 然後將“--enable-webgl --ignore-gpu-blacklist --allow-file-access-from-files”引數加到目標後，注意exe後面一定要加空格，這個至少有10個人錯過了，如下圖：

4、各個引數的含義是：

--enable-webgl,表示開啟WebGL支援.

--ignore-gpu-blacklist,表示忽略GPU黑名單，也就是說有一些顯示卡GPU因為過於陳舊等原因，不建議執行WebGL，這個引數可以讓瀏覽器忽略這個黑名單，強制執行WebGL.

--allow-file-access-from-files,表示允許從本地載入資源.

Ok，以後都以這個快捷方式啟動，你就能夠載入本地資源了。

其實很簡單，以下為方法步驟：

1.一般來說，為了安全起見，瀏覽器是不能透過load方法來載入本地檔案的，load方法只能載入遠端伺服器上的檔案。

在瀏覽器預設的情況下，試圖載入一個本地檔案，會出現交叉域訪問的錯誤，如下圖：

2.為了解決這個問題，我們有兩種方式，第一種是在本地搭建一個web伺服器，例如tomcat，將需要載入的資料放到伺服器中，透過url地址來訪問。

3.另一種方法更簡單，就是對瀏覽器進行一些設定，讓其能夠載入本地檔案。

為chrome瀏覽器建立一個快捷方式，右鍵點選chrome.exe，選擇“建立快捷方式”或者“傳送到”→“桌面快捷方式”），右鍵點選快捷方式，選擇屬性。 然後將“--enable-webgl --ignore-gpu-blacklist --allow-file-access-from-files”引數加到目標後，注意exe後面一定要加空格，這個至少有10個人錯過了，如下圖：

4.各個引數的含義是：

--enable-webgl,表示開啟WebGL支援.

--ignore-gpu-blacklist,表示忽略GPU黑名單，也就是說有一些顯示卡GPU因為過於陳舊等原因，不建議執行WebGL，這個引數可以讓瀏覽器忽略這個黑名單，強制執行WebGL.

--allow-file-access-from-files,表示允許從本地載入資源.

Ok，以後都以這個快捷方式啟動，你就能夠載入本地資源了。