在JavaScript（Three.js）中加载纹理-拒绝访问受限URI

我在JavaScript（Three.js）中加载纹理时遇到问题。该程序运行良好（它渲染的对象很少），但当我添加：

 var grzybSkin = THREE.ImageUtils.loadTexture('grzybuv.png');
 grzybSkin.repeat.set( 1,1);
 grzybSkin.wrapS = THREE.RepeatWrapping; 
 grzybSkin.wrapT = THREE.RepeatWrapping; 
 grzybSkin.anisotropy = 16;

 var texturaGrztb = new THREE.MeshBasicMaterial({map: grzybSkin});

 var geometry_grzyb;
 var loader = new THREE.JSONLoader();
 loader.load( "grzyb.js", function( geometry_grzyb ) {
  for (var i = 0;i < 4;i++)
  {
   grzyb[i] = new THREE.Mesh( geometry_grzyb, texturaGrztb );
   grzyb[i].scale.set( 15, 18,  1);
   scene.add( grzyb[i] );
   grzyb[i].position.set(
   5000, 
   5000, 
   5000
  ); 
  } 
  }); 

它指向

Three.js

：

xhr.open( "GET", url, true );
xhr.withCredentials = this.withCredentials;
xhr.send( null );

---

浏览器不允许从本地文件加载资源（我假设您是以“file://c:/dir/file.html”的方式直接通过文件系统访问您的文件），而且它也不允许您访问来自站点所在的不同域的资源

为了在本地开发和调试THREE.js，您必须设置一个本地Web服务器-最好的选择是XAMPP、WAMP或类似的项目。

请参阅

xhr.open( "GET", url, true );
xhr.withCredentials = this.withCredentials;
xhr.send( null );