由于公司须要网页浏览全景图,在网上找了很久支持的插件,一直没有合适的。
全景图我最后用的photo-sphere-viewer.js框架,网上有下载。
当图片连接是本地静态的时候一切正常,但远程动态的话就一直报错。在网上找了不少资料,仍是解决不了。
最后机缘巧合之下找到了解决方法,差点没哭出来。
解决方法:
首先要修改three.js的源码
在ajax
THREE.ImageLoader.prototype 添加
image.crossOrigin = '';
这样能够解决火狐浏览器的,可是chrome仍是一直报错,
看了一下,由于个人全景图路径是动态的,静态的话能够支持。
而后查看了控制台发现
意思是说ajax请求是从浏览器缓存里面读取了,因此在请求的路径后面加上随机数或者当前的时间。
而后在photo-sphere-viewer.js源码找到
添加chrome
loading.crossOrigin = '';
而后
找到loadXMP函数在全景图路径后面添加当前时间。浏览器
这样还不行缓存
而后框架
还要找到函数
createBuffer函数也添加当前时间。最后刷新,完美解决,有种想哭的冲动。第一次写博客,只是想记录一下困扰本身那么久的问题,也但愿能帮到其它小伙伴。。。