# Component to use bundled images by filename from JavaScript

**URL:** <https://forums.fusetools.com/t/component-to-use-bundled-images-by-filename-from-javascript/3546>\
**Category:** Show and Tell\
**Created:** [March 27, 2016, 10:52am UTC](https://forums.fusetools.com/t/component-to-use-bundled-images-by-filename-from-javascript/3546 "2016-03-27T10:52:51Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bjorn-Olav\_Strand](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/bjorn-olav_strand/32/583_2.png) [@Bjorn-Olav\_Strand](https://forums.fusetools.com/u/Bjorn-Olav_Strand)\
**Post date:** [March 27, 2016, 10:52am UTC](https://forums.fusetools.com/t/component-to-use-bundled-images-by-filename-from-javascript/3546/1 "2016-03-27T10:52:51Z")

</div>

I’ve created a component to use bundled images by filename from JavaScript.

Now you can write something like:

```auto
<Each Items="{files}">
    <Image>
        <JSBundleImageSource File="{}" />
    </Image>
</Each>

```

From a structure like this:

```auto
var files = ['Assets/Oslo.jpg','Assets/Paris.jpg'];

```

Just add `JSBundleImageSource.uno` to your project, or reference it from your unoproj file.

[https://github.com/bolav/fuse-jsbundleimagesource](https://github.com/bolav/fuse-jsbundleimagesource)

---

<div class="post-metadata">

**Author:** ![Anders\_Lassen](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/anders_lassen/32/522_2.png) [@Anders\_Lassen](https://forums.fusetools.com/u/Anders_Lassen)\
**Post date:** [March 28, 2016, 10:39am UTC](https://forums.fusetools.com/t/component-to-use-bundled-images-by-filename-from-javascript/3546/2 "2016-03-28T10:39:47Z")

</div>

Thanks! But now, you can also just do this (as of 0.11):

```auto
<JavaScript>
    module.exports.file = "Assets/Oslo.jpg";
</JavaScript>

<Image File="{file}" />

```

🙂

---

<div class="post-metadata">

**Author:** ![Costin\_Bereveanu](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/costin_bereveanu/32/628_2.png) [@Costin\_Bereveanu](https://forums.fusetools.com/u/Costin_Bereveanu)\
**Post date:** [March 28, 2016, 11:00am UTC](https://forums.fusetools.com/t/component-to-use-bundled-images-by-filename-from-javascript/3546/3 "2016-03-28T11:00:10Z")

</div>

Uuu, finally 🙂