# STL file browser

**URL:** <https://forum.babylonjs.com/t/stl-file-browser/25646>\
**Category:** Questions\
**Created:** [November 30, 2021, 2:54am UTC](https://forum.babylonjs.com/t/stl-file-browser/25646 "2021-11-30T02:54:07Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![msDestiny14](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/msdestiny14/32/9572_2.png) [@msDestiny14](https://forum.babylonjs.com/u/msDestiny14)\
**Post date:** [November 30, 2021, 2:51pm UTC](https://forum.babylonjs.com/t/stl-file-browser/25646/6 "2021-11-30T14:51:53Z")

</div>

Ok! I think this makes a lot of sense now. Thank for clarifying even more!

Here is what I found out: It is possible to load an STL from a local directory but it’s a little more tricky then just “drop file” into scene loader or asset manager.

In summary answer from the awesome @RaananW : “It is possible to load the model as a base664 data url or create a blob of the file in any way you like”

AHA! And what do you know I started digging around the forums and came across this thread and playground 😉

> [@Loading local glb file using HTML Browse File button via the AssetManager ?\[Playground link inside\]](https://forum.babylonjs.com/t/loading-local-glb-file-using-html-browse-file-button-via-the-assetmanager-playground-link-inside/10320):
>
> [https://playground.babylonjs.com/#SA6QBM](https://playground.babylonjs.com/#SA6QBM) The playground is what I came up with after browsing the forums and whatnot. Most examples are from old forum posts like these : 1)[Loading assets directly from passed files - Questions & Answers - HTML5 Game Devs Forum](https://www.html5gamedevs.com/topic/39728-loading-assets-directly-from-passed-files/) 2)[Importing OBJ files directly from computer? - Questions & Answers - HTML5 Game Devs Forum](https://www.html5gamedevs.com/topic/33278-importing-obj-files-directly-from-computer/) Probably I could copy paste the way they do it but I’m kinda stubborn and want to see it work with the asset manager and I got somewhat lost. P…

> **[Babylon.js Playground](https://playground.babylonjs.com/#SA6QBM%232)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

Really weird thing about this demo though. Was I had to go into the debug view to find the file button that was added to the document at the very bottom. Not sure why it’s hidden normally, maybe css?

![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/0/0/006754e5acea0df33f2caa80a4f18c9800f2d585.png)

Anyways the important part I think you’ll want to check out is lines 49-65

```auto
        var files = evt.target.files;
        var filename = files[0].name;
        var blob = new Blob([files[0]]);

        BABYLON.FilesInput.FilesToLoad[filename] = blob;
        
        assetsManager.addMeshTask(name, "", "file:", filename);
        assetsManager.load();

```

Hope this helps and let me know if you have any questions!

---

_[View the full topic](https://forum.babylonjs.com/t/stl-file-browser/25646)._