# How to load image from web server, store locally and display?

**URL:** <https://forums.fusetools.com/t/how-to-load-image-from-web-server-store-locally-and-display/7704>\
**Category:** How-to Discussions\
**Created:** [April 5, 2019, 3:28pm UTC](https://forums.fusetools.com/t/how-to-load-image-from-web-server-store-locally-and-display/7704 "2019-04-05T15:28:55Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Heiko](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/heiko/32/154_2.png) [@Heiko](https://forums.fusetools.com/u/Heiko)\
**Post date:** [April 5, 2019, 3:28pm UTC](https://forums.fusetools.com/t/how-to-load-image-from-web-server-store-locally-and-display/7704/1 "2019-04-05T15:28:55Z")

</div>

I am trying to create a small app has to downloads assets (images), store them locally and display them.

I tried the documentation and also the forums, but I can’t find a full roundtrip, e.g. where to start and how to do this. Any help would be appreciated.

/heiko

---

<div class="post-metadata">

**Author:** ![aeq](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/aeq/32/129_2.png) [@aeq](https://forums.fusetools.com/u/aeq)\
**Post date:** [April 8, 2019, 2:52pm UTC](https://forums.fusetools.com/t/how-to-load-image-from-web-server-store-locally-and-display/7704/2 "2019-04-08T14:52:59Z")

</div>

So you’ll probably need all of these for what you asked for:

HTTP fetch: [https://fuseopen.com/docs/fusejs/http.html](https://fuseopen.com/docs/fusejs/http.html)

Filesystem: [https://fuseopen.com/docs/fuse/filesystem/filesystemmodule.html](https://fuseopen.com/docs/fuse/filesystem/filesystemmodule.html)  
Storage: [https://fuseopen.com/docs/fuse/storage/storagemodule.html](https://fuseopen.com/docs/fuse/storage/storagemodule.html)

Imagetools: [https://fuseopen.com/docs/fuse/imagetools/imagetools.html](https://fuseopen.com/docs/fuse/imagetools/imagetools.html)  
Image: [https://fuseopen.com/docs/fuse/controls/image.html](https://fuseopen.com/docs/fuse/controls/image.html)

---

<div class="post-metadata">

**Author:** ![Heiko](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/heiko/32/154_2.png) [@Heiko](https://forums.fusetools.com/u/Heiko)\
**Post date:** [April 10, 2019, 12:32pm UTC](https://forums.fusetools.com/t/how-to-load-image-from-web-server-store-locally-and-display/7704/3 "2019-04-10T12:32:06Z")

</div>

Thanks, Andrew.  
From your suggestion, I assume that I have to download the images first via JavaScript, store them as bas64 enccoded strings and display them on request.

---

<div class="post-metadata">

**Author:** ![aeq](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/aeq/32/129_2.png) [@aeq](https://forums.fusetools.com/u/aeq)\
**Post date:** [April 10, 2019, 12:49pm UTC](https://forums.fusetools.com/t/how-to-load-image-from-web-server-store-locally-and-display/7704/4 "2019-04-10T12:49:54Z")

</div>

Yeah, although, you can use the imagetools to convert the image from [base64](https://fuseopen.com/docs/fuse/imagetools/imagetools.html#getimagefrombase64-base64-js) to an image before storing it.