javascript - aframe查看本地上传的gltf文件

Question

我一直在尝试创建一个面板来创建和加载 gltf 模型并在框架中动态查看它们。

目前工作流程如下:

1. 使用标签从本地存储加载。
2. 使用 v:on-change 将 element.target.files[0] 分配给 vue 数据标签。
3. 使用 v-bind 将本地 gltf 对象加载到标签

但是，我注意到 gltf 加载器无法接收文件对象作为输入 src，因此我尝试执行以下操作。

1. 打开文件阅读器
2. 数据更改时，FileReader 将使用 readAsDataURL(data) 读取数据
3. 将 reader.result 分配给所需的数据标签。

不幸的是，它仍然无法工作，这表明 URI 格式错误。

最后，我尝试将其读取为 BinaryString，并在 JSON.stringify(binarystring) 之后将其绑定(bind)到 src，但仍然不起作用。

无论如何，a-frame 是否接受本地文件对象作为 src？如果没有，处理本地文件的最佳方法是什么。如果我不必先将其上传到云存储中，那就容易多了。

感谢您的耐心!

Answer 1

看来我不需要文件阅读器了!

只需使用 URL.createObjectURL(object) 修复 url一切都很好。

但是，我注意到如果使用引用文件加载 gltf 文件，它将无法工作。我必须将所有文件嵌入到 glb 二进制文件中并加载它。