由於公司須要網頁瀏覽全景圖,在網上找了很久支持的插件,一直沒有合適的。
全景圖我最後用的photo-sphere-viewer.js框架,網上有下載。
當圖片連接是本地靜態的時候一切正常,但遠程動態的話就一直報錯。在網上找了不少資料,仍是解決不了。
最後機緣巧合之下找到了解決方法,差點沒哭出來。
解決方法:
首先要修改three.js的源碼
在ajax
THREE.ImageLoader.prototype 添加
image.crossOrigin = '';
這樣能夠解決火狐瀏覽器的,可是chrome仍是一直報錯,
看了一下,由於個人全景圖路徑是動態的,靜態的話能夠支持。
而後查看了控制檯發現
意思是說ajax請求是從瀏覽器緩存裏面讀取了,因此在請求的路徑後面加上隨機數或者當前的時間。
而後在photo-sphere-viewer.js源碼找到
添加chrome
loading.crossOrigin = '';
而後
找到loadXMP函數在全景圖路徑後面添加當前時間。瀏覽器
這樣還不行緩存
而後框架
還要找到函數
createBuffer函數也添加當前時間。最後刷新,完美解決,有種想哭的衝動。第一次寫博客,只是想記錄一下困擾本身那麼久的問題,也但願能幫到其它小夥伴。。。