Я пытаюсь создать просмотрщик gltf, используя a-frame. Идея состоит в том, чтобы позволить пользователю загрузить модель GLTF и отобразить модель. Очень похоже на просмотрщик gltf с использованием ThreeJs от Don Mccurdy, но с использованием a-frame.
Я позволю пользователю загрузить файл на сервер, используя тег ввода
<input id="file-upload" multiple type="file">
и затем выберите тот же файл для отображения, используя код ниже
<a-scene embedded="" renderer="gammaOutput: true">
<a-assets>
<a-asset-item id="model" src="/models/filname.glb"></a-asset-item>
</a-assets>
<a-entity camera="" position="0 1.6 0" look-controls></a-entity>
<a-entity gltf-model="#model" position="4 0 -6.5"></a-entity>
</a-scene>
Единственное, что я не могу выяснить, это как динамически заполнить тег src для элемента-актива с помощью пути загруженных моделей? Я хочу создать новый встроенный div для каждой загруженной модели и сохранить представления. Не могли бы вы помочь с любыми указателями?