When attempting to load files selected by users in an HTML input, I encountered a problem with the loader expecting a URL in Linux style. I have tried various methods such as using a blob as a URL object, providing raw data to the FBX loader, and even using the mozilla path on my system, but none of these approaches seem to work. Is there a way to achieve this without physically uploading the file to the site and passing an actual URL?
This is my most recent approach:
$(document).ready(function() {
$('#file').change(function () {
if ( this.value == '' ) {
console.log( "No valid file selected." );
}
var filePath = this.files[0].mozFullPath,
loader = new THREE.FBXLoader();
loader.load( filePath, function( object ) {
object.traverse( function( c ) {
if ( c instanceof THREE.Camera ) {
// Debug log
console.log( c );
}
} );
});
});
});