Aframe просмотреть локальный файл загрузки GLTF

Question

Я пытался создать панель для создания и загрузки моделей GLTF и просмотра их на лету в виде рамки.

В настоящее время рабочий процесс выглядит следующим образом:

1. Использование тега для загрузки из локального хранилища.
2. Используйте v:on-change, чтобы назначить element.target.files[0] тегу данных vue.
3. Используйте v-bind для загрузки локального объекта gltf в тег

Тем не менее, я заметил, что загрузчик gltf не может получить файловый объект в качестве входного src, поэтому я пытаюсь сделать следующее.

1. Откройте FileReader
2. при изменении данных FileReader будет читать его, используя readAsDataURL(data)
3. Присвойте reader.result желаемому тегу данных.

К сожалению, это все еще не работает, который говорит, что URI искажен.

В заключение, я пытаюсь прочитать его как BinaryString и связать его после JSON.stringify(binarystring) с src, но все еще не работает.

В любом случае a-frame принимает локальный файловый объект как src? Если нет, то как лучше всего обрабатывать локальный файл? Было бы намного проще, если бы мне не нужно было сначала загружать его в облачное хранилище.

Спасибо за ваше терпение!

Answer 1

Кажется, мне не нужен файл-ридер!

Просто исправьте URL с помощью URL.createObjectURL(object), и все в порядке.

Однако я заметил, что если загрузить файл gltf со ссылочным файлом, он не будет работать. Я должен вложить все файлы в двоичный файл glb и загрузить его.