# Importing 3d model

**URL:** <https://discourse.threejs.org/t/importing-3d-model/20543>\
**Category:** Questions\
**Tags:** angular, 3d-applications\
**Created:** [November 9, 2020, 3:09am UTC](https://discourse.threejs.org/t/importing-3d-model/20543 "2020-11-09T03:09:13Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Varun\_Ahuja](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/varun_ahuja/32/13149_2.png) [@Varun\_Ahuja](https://discourse.threejs.org/u/Varun_Ahuja)\
**Post date:** [November 9, 2020, 3:09am UTC](https://discourse.threejs.org/t/importing-3d-model/20543/1 "2020-11-09T03:09:13Z")

</div>

I am importing a 3d-model from the local machine, is there any way in which I can see the preview of model before adding it to the screen. I have already tried filepond, in images it shows the preview but in case of 3d-model it is just showing the file name.

---

<div class="post-metadata">

**Author:** ![gonnavis](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/gonnavis/32/11428_2.png) [@gonnavis](https://discourse.threejs.org/u/gonnavis)\
**Post date:** [November 9, 2020, 3:46am UTC](https://discourse.threejs.org/t/importing-3d-model/20543/2 "2020-11-09T03:46:12Z")

</div>

three.js editor file import.

> **[three.js / editor](https://threejs.org/editor/)**

  
[Blender](https://www.blender.org/download/) open or import.  
Win10 3D Viewer.  
Online 3d model viewer eg:  
[https://gltf-viewer.donmccurdy.com/](https://gltf-viewer.donmccurdy.com/)  
[https://sandbox.babylonjs.com/](https://sandbox.babylonjs.com/)

---

<div class="post-metadata">

**Author:** ![Varun\_Ahuja](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/varun_ahuja/32/13149_2.png) [@Varun\_Ahuja](https://discourse.threejs.org/u/Varun_Ahuja)\
**Post date:** [November 9, 2020, 9:20am UTC](https://discourse.threejs.org/t/importing-3d-model/20543/3 "2020-11-09T09:20:33Z")

</div>

Thanks for this but I want something like this for 3d-model. ![example.PNG](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/a/a8f9854b95d82188026828e81564e2d8d6e0daf3.jpeg)

Before adding the 3d-model to the canvas, I can preview it and only after clicking “ADD” button, the 3d-model is added on the canvas.

---

<div class="post-metadata">

**Author:** ![pecopeco](https://avatars.discourse-cdn.com/v4/letter/p/f9ae1b/32.png) [@pecopeco](https://discourse.threejs.org/u/pecopeco)\
**Post date:** [September 5, 2023, 6:09am UTC](https://discourse.threejs.org/t/importing-3d-model/20543/4 "2023-09-05T06:09:16Z")

</div>

any solution?

there are a lot of model files that need to be managed in our project, and users want to see preview images of model files in the list.