WebGL 本地纹理和跨域

Question

我写了一个 webgl 程序，它在本地服务器上运行良好，现在我想在本地运行它。 但是我遇到了错误，经过一些研究，我发现这是加载纹理时的跨域问题。

function loadTexture( path ) {
    var texture = new THREE.Texture( texture_placeholder );
    var material = new THREE.MeshBasicMaterial( { map: texture, overdraw: true} );

    var image = new Image();
    image.onload = function () {

        texture.needsUpdate = true;
        material.map.image = this;

       render();
   };
   texture.deallocate();
   renderer3D.deallocateTexture( texture );

   return material;
 }

我尝试了几种解决方案：

github.com/mrdoob/three.js/issues/1305

github.com/mrdoob/three.js/issues/944

gist.github.com/ekeneijeoma/1186920

github.com/mrdoob/three.js/wiki/How-to-run-things-locally（1.Change security for local files in a browser (access page as file:///example)）

我确切地说我在 Firefox 上没有问题，它可以在没有任何改变的情况下工作。 适用于 Chrome 的唯一解决方案是使用 --allow-file-access-from-files 启动它。 在 IE 上，我不知道如何解决它，我在浏览器安全选项中启用了“跨域访问数据源”和“跨不同域导航子框架”（http://msdn.microsoft.com/fr-fr/library/ee797612(v=cs.20).aspx）但没有。我使用 IEWebGL，我注意到在 http://iewebgl.com/，“IEWebGL v1.0 已发布”部分，写着“- 安全（无本地内容加载，无跨域纹理）”。所以也许它不能在 IE 上解决，因为 IEWebGL ！？

那么，如果有 IE 的解决方案是什么？有没有办法通过更改代码来解决问题，而无需启动本地服务器或带有特殊选项的 Chrome？

谢谢！

Answer 1

这个问题至少已经被问及回答了 6 次，甚至在 three.js wiki 中也得到了回答。

简而言之，您需要运行本地服务器。打开终端/shell/命令提示符并输入

cd <path/to/files>
python -m SimpleHTTPServer

然后在浏览器中转到

http://localhost:8000

为什么这不是一个选项？这很简单，它解决了问题。它也不会让您的浏览器被拥有。

这里是several simple servers you could use

Answer 2

感谢您的回答。

确实，它已经被询问并解决了，我看到了解决方案，并且它在本地服务器上运行良好，我完全同意安全性。

我之所以这么问是因为，首先，它在 Firefox 和 Safari 上以及在 Google 上使用 --allow... 时无需任何服务器即可工作，所以如果在 IE 上可行的话，那就太好了。其次，因为我想要一个非常简单的程序，它可以快速运行，而无需为服务器安装 python 或其他东西，...

事实上，它适用于离线应用程序（我知道这对于基于 Web 的应用程序来说很奇怪，但这不是我的选择 :)）。无论如何，它适用于 Firefox、Chrome 和 Safari，所以对 IE 来说太糟糕了。

谢谢！