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) 之后将其绑定到 src，但仍然无法正常工作。

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

谢谢你的耐心！

Answer 1

看来我不需要文件阅读器！

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

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