У меня есть проблема, с которой я боролся в течение нескольких дней.
Мне нужно отобразить 3D-модель в браузере, что я знаю, как это сделать. Проблема заключается в том, что мой пользователь собирается загрузить файл .zip своей 3D-модели, и мне нужно проанализировать его, чтобы я мог сказать своему компоненту Three. js прочитать файлы.
Вот содержимое zip-файла:
object_file.obj
material_file.mtl
materials/
texture1.jpg
texture2.jpg
Файл .mtl
в своей папке ссылается на папку materials/
, которая в основном указывает модели, где искать текстуры.
Итак по сути, мне нужно каким-то образом разархивировать эти файлы и получить к ним доступ, как если бы они хранились локально.
В настоящее время пользователь загружает файл, используя метод <input type="file">....
. Мне не нужно загружать его на какой-либо сервер или еще что-нибудь. По сути, когда я получаю файл с помощью const file = event.target.files[0]
, мне нужно получить доступ к содержимому, как описано выше.
Любая помощь будет принята.