Search code examples
jquerythree.jstexturescross-origin-read-blocking

How can texture images be loaded from local host, without web server and without disable browser security, with ThreeJS?


I'm using the ThreeJS framework in an HTML page loaded from the desktop to load a texture:

var texture = new THREE.TextureLoader().load('texture/plastic/plastic_2.jpg');

Of course, due to security feature the browsers can't allow load resources from local filesystem and return error.

I can't put this page in web server, I can't disable browser security and I can't host images online: everything must run from the desktop.

Is there another way to load a texture object?


Solution

  • After a lot of searching and trying, the best way to solve my problem as I described above,I can't put this page in web server, I can't disable browser security and I can't host images online: everything must run from the desktop, is: use Firefox!

    With it, thanks to @prisoner849, Firefox allows to load files from local drive and without disable security system.

    I hope this question helps everybody to save time.