Question about drag and drop to show glb with the model viewer

[moonyuet]

Hi, I am doing some research on making ReactDnD 3d viewer with model viewer. But I face some challenge when I try to use DnD function as the model viewer doesn't show the 3D files. I already did file.preview = URL.createObjectURL(file) specifically for the model viewer src to locate the imported data.
Does the model viewer require the glb files saved in some specific area/database to locate the source of 3d files?

codesandbox

[elalish]

Setting the src to an ObjectURL should work; I'd recommend simplifying your page to get this working in isolation and then add in the rest of your code slowly.

[moonyuet]

Hi elalish, i've done printing and test with the code in the sandbox by replacing DnD with simple input. The file is saved as the blob (it shows the links when I try to print and list {file.preview} with p) but I still didn't manage to get the src loaded with model-viewer. But if i test with img to load some image, my code works. I dont understand why it doesn't work with model-viewer. You can review the screenshot below.

This is the link of the forked sandbox with the simple input function from the previous one: https://codesandbox.io/s/import-file-forked-u1lc5n?file=/src/App.js

[elalish]

I'm seeing warnings in your console when I upload a GLB that are not coming from MV, so I think the problem is in the uploader.