three.js - ハードディスクからのテクスチャが three.js にロードされない - 黒く表示される

Question

ローカル マシンから画像を読み込もうとしたときに問題が発生しました。インターネットで jpeg ファイルへのリンクを指定すると問題なく動作しますが、ローカル マシンからのパスに置き換えると、テクスチャが黒くなります。

var texture = THREE.ImageUtils.loadTexture( 'http://ewgl.erbix.com/js/nodes2/textures/sun.jpg', {}, function(){ renderer.render(scene, camera); } );
paintMaterial = new THREE.MeshBasicMaterial({map: texture})

そのため、' http://ewgl.erbix.com/js/nodes2/textures/sun.jpg ' の代わりに、自分のマシンから同じ画像をロードすると、黒く表示されます。https://github.com/mrdoob/three.js/issues/432で議論されている同じ問題を見つけましたが、それでも自分のマシンからテクスチャを読み込めません。

また、chrome --allow-file-access-from-files として chrome を実行してから、リンク file:///C:/Users/Anubha/Desktop/pencil/pencil.html を開こうとしましたが、paint3.jpg もjsとhtmlと同じフォルダにあると、黒く表示されました。

var texture = THREE.ImageUtils.loadTexture( 'paint3.jpg', {}, function(){ renderer.render(scene, camera); } );
        paintMaterial = new THREE.MeshBasicMaterial({color: 0x3D59AB, map: texture, specular: 0x555555, shininess: 20})