fileInput.addEventListener('change', function() {
const uploadedFile = fileInput.files[0];
if (uploadedFile) {
const reader = new FileReader();
reader.onload = function(event) {
const result = event.target.result;
console.log('File content:', result);
const loader = new GLTFLoader();
loader.parse(result, '', function(gltf) {
scene.add(gltf.scene);
});
};
reader.readAsArrayBuffer(uploadedFile);
} else {
console.log('No file selected');
}
});
Tried to load a file called scene.gltf, not sure, why it’s not called model, but I get an error:
Uncaught (in promise) RangeError: attempting to construct out-of-bounds Float32Array on ArrayBuffer
loadAccessor GLTFLoader.js:3123
promise callback*loadAccessor GLTFLoader.js:3078
getDependency GLTFLoader.js:2880
assignAttributeAccessor GLTFLoader.js:4670
addPrimitiveAttributes GLTFLoader.js:4686
loadGeometries GLTFLoader.js:3721
loadMesh GLTFLoader.js:3764
dependency GLTFLoader.js:2874
_invokeOne GLTFLoader.js:2815
getDependency GLTFLoader.js:2872
createNodeMesh GLTFLoader.js:4092
meshPromise GLTFLoader.js:4208
_invokeOne GLTFLoader.js:2815
_loadNodeShallow GLTFLoader.js:4206
loadNode GLTFLoader.js:4131
dependency GLTFLoader.js:2866
_invokeOne GLTFLoader.js:2815
getDependency GLTFLoader.js:2864
loadNode GLTFLoader.js:4138
dependency GLTFLoader.js:2866
_invokeOne GLTFLoader.js:2815
getDependency GLTFLoader.js:2864
loadNode GLTFLoader.js:4138
dependency GLTFLoader.js:2866
_invokeOne GLTFLoader.js:2815
getDependency GLTFLoader.js:2864
loadNode GLTFLoader.js:4138
dependency GLTFLoader.js:2866
_invokeOne GLTFLoader.js:2815
getDependency GLTFLoader.js:2864
loadNode GLTFLoader.js:4138
dependency GLTFLoader.js:2866
_invokeOne GLTFLoader.js:2815
getDependency GLTFLoader.js:2864
loadNode GLTFLoader.js:4138
dependency GLTFLoader.js:2866
_invokeOne GLTFLoader.js:2815
getDependency GLTFLoader.js:2864
loadScene GLTFLoader.js:4352
getDependency GLTFLoader.js:2860
dependencies GLTFLoader.js:2968
getDependencies GLTFLoader.js:2966
parse GLTFLoader.js:2655
promise callback*parse GLTFLoader.js:2651
parse GLTFLoader.js:437
onload main.js:80
EventHandlerNonNull* main.js:74
GLTFLoader.js:3123:13
matilda.zip (1.8 MB)
Trying to upload this model, but not sure what file I need to select, and if there’s some kind of error in the code.