Loading local gltf file with its texture image files, .bin file etc

fselcukcan · May 21, 2019, 2:15pm

I have figured out to give an object url to a local file selected through an input type file. If this file is glb it is appended to the scene as I want. If it is a gltf it cannot be appended, and an error on console says:
BJS - [15:03:01]: Unable to load from blob:http://127.0.0.1:8887/ca4a2c45-95e1-40a3-8488-1d3a33a0f0c5: Unexpected magic: 1969300091

I think this can be due to its accompanying files. How to load a local gltf file which has a .bin file and possibly other assets too.
Note: all of the files are in the local file system.

Deltakosh · May 21, 2019, 2:48pm

You have to use our FileInput class for that. See how we do it in the Sandbox:

github.com

BabylonJS/Babylon.js/blob/master/sandbox/index.js#L253


};



if (assetUrl) {

    loadFromAssetUrl();

}

else {

    var startProcessingFiles = function() {

        BABYLON.Tools.ClearLogCache();

    };



    filesInput = new BABYLON.FilesInput(engine, null, sceneLoaded, null, null, null, startProcessingFiles, null, sceneError);

    filesInput.onProcessFileCallback = (function(file, name, extension) {

        if (filesInput._filesToLoad && filesInput._filesToLoad.length === 1 && extension) {

            if (extension.toLowerCase() === "dds" || extension.toLowerCase() === "env") {

                BABYLON.FilesInput.FilesToLoad[name] = file;

                skyboxPath = "file:" + file.correctName;

                return false;

            }

        }

        return true;

    }).bind(this);

(And make sure to select all files)

fselcukcan · May 21, 2019, 3:00pm

I have changed input element to multiple. But I have textures in a texture directory. Only the .bin file is next to .gltf file. These are coming like that and also encoded like that inside the .gltf file.

How to make use of FilesInput class from here?

Deltakosh · May 21, 2019, 3:33pm

You can’t . They must be side by side

fselcukcan · May 21, 2019, 3:39pm

Is it not a limitation? Eventhough not in babylonjs’s part

Deltakosh · May 21, 2019, 3:46pm

It is a limitation of the file input mechanism in html world

fselcukcan · May 21, 2019, 4:01pm

It definitely is. Anyways. I will try to hack it out. I have an idea. When I am done I will share it here.
Hint: involves modified version of a babylon/gltf scene object and object URLs with a bunch of caveats.

Topic		Replies	Views
Load GLB file from local drive Questions gltf , glb	5	2455	January 28, 2023
How to load gltF assets along with .bin file and textures localy? Questions	16	3960	November 30, 2020
Using FileInput to load glft+bin files Questions sandbox	5	1429	August 7, 2020
How do I load gltf with drag and drop from user input file Questions gltf	5	1952	November 7, 2022
How to load gltf from a file browser locally Questions	1	481	May 26, 2023

Loading local gltf file with its texture image files, .bin file etc

Related topics