photo-sphere-viewer全景插件解決圖片動態路徑跨域問題

由於公司須要網頁瀏覽全景圖,在網上找了很久支持的插件,一直沒有合適的。
全景圖我最後用的photo-sphere-viewer.js框架,網上有下載。


當圖片連接是本地靜態的時候一切正常,但遠程動態的話就一直報錯。在網上找了不少資料,仍是解決不了。


最後機緣巧合之下找到了解決方法,差點沒哭出來。


解決方法:
  首先要修改three.js的源碼

ajax

THREE.ImageLoader.prototype 添加
image.crossOrigin = '';

這樣能夠解決火狐瀏覽器的,可是chrome仍是一直報錯,
看了一下,由於個人全景圖路徑是動態的,靜態的話能夠支持。

而後查看了控制檯發現

 

意思是說ajax請求是從瀏覽器緩存裏面讀取了,因此在請求的路徑後面加上隨機數或者當前的時間。



而後在photo-sphere-viewer.js源碼找到

添加chrome

loading.crossOrigin = '';

而後

找到loadXMP函數在全景圖路徑後面添加當前時間。瀏覽器

這樣還不行緩存

而後框架

還要找到函數

createBuffer函數也添加當前時間。最後刷新,完美解決,有種想哭的衝動。第一次寫博客,只是想記錄一下困擾本身那麼久的問題,也但願能幫到其它小夥伴。。。
相關文章
相關標籤/搜索