# Multiple Image Loading error

**URL:** <https://forums.fusetools.com/t/multiple-image-loading-error/4288>\
**Category:** General\
**Created:** [April 15, 2018, 12:27pm UTC](https://forums.fusetools.com/t/multiple-image-loading-error/4288 "2018-04-15T12:27:45Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![Brian\_Mwangi](https://avatars.discourse-cdn.com/v4/letter/b/bbe5ce/32.png) [@Brian\_Mwangi](https://forums.fusetools.com/u/Brian_Mwangi)\
**Post date:** [April 15, 2018, 12:27pm UTC](https://forums.fusetools.com/t/multiple-image-loading-error/4288/1 "2018-04-15T12:27:45Z")

</div>

I have a `ArtistPage.ux` in the Pages/ folder and I want to load some images from the Assets/ folder.

ArtistPage.ux:

```auto
...
// Panel class used to show Artists Images in feed
<Panel ux:Class="ArtistCard" >
        <FileSource ux:Property="ArtistImageFile" />

	<Panel Width="100%" Height="150" >
		<Image ux:Name="artistImage" File="{ReadProperty ArtistImageFile}" />
	</Panel>
</Panel>
...
// UX to display feed
<ScrollView Margin="0,0,5,0" >
	<StackPanel>
		<Each Items="{artist_data}">
			<ArtistCard ArtistImageFile="{image}" Margin="5,5,5,5" />
		</Each>
	</StackPanel>
</ScrollView>
...

```

ArtistPage.js:

```auto
...
// Observable to be exported
var artist_data = Observable();

// Arrays with actual data
// Since this file is in Pages, I go up one folder in order to get to Assets hence '../Assets/logo.jpg'
var artist_image = ["../Assets/logo.jpg",...] 

// Populating observable with data
for( var i = 0; i < artist_image.length; ++i ) {
    artist_data.add( {
        'image' : artist_image[i],
    });
}

module.exports = {
    artist_data, artist_data
}
...

```

Project file:

```auto
"Includes": [
    "*",
    "Assets/*.jpg:Bundle"
  ]

```

When I run the code, this is the error I get for the images:

```auto
ImageSource error: 'BundleFileImageSource-failed-conversion'

```

Am I accessing the images wrongly or what is happening ?

Thanks in advance.

---

<div class="post-metadata">

**Author:** ![Brian\_Mwangi](https://avatars.discourse-cdn.com/v4/letter/b/bbe5ce/32.png) [@Brian\_Mwangi](https://forums.fusetools.com/u/Brian_Mwangi)\
**Post date:** [April 19, 2018, 8:40am UTC](https://forums.fusetools.com/t/multiple-image-loading-error/4288/2 "2018-04-19T08:40:30Z")

</div>

Any help ?

Still waiting.

---

<div class="post-metadata">

**Author:** ![Uldis](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/uldis/32/657_2.png) [@Uldis](https://forums.fusetools.com/u/Uldis)\
**Post date:** [April 19, 2018, 8:45am UTC](https://forums.fusetools.com/t/multiple-image-loading-error/4288/3 "2018-04-19T08:45:14Z")

</div>

Most likely, the images are corrupted or there is another technical reason why they can’t be read. Note that this might, and probably will, manifest differently on local preview, iOS and Android, since the platforms have different ways to handle supported file formats.

---

<div class="post-metadata">

**Author:** ![Brian\_Mwangi](https://avatars.discourse-cdn.com/v4/letter/b/bbe5ce/32.png) [@Brian\_Mwangi](https://forums.fusetools.com/u/Brian_Mwangi)\
**Post date:** [April 19, 2018, 8:48am UTC](https://forums.fusetools.com/t/multiple-image-loading-error/4288/4 "2018-04-19T08:48:22Z")

</div>

Hi there,

When I use only one image, it works i.e using the first image in artist\_image array

```auto
...
artist_data.add( {
        'image' : artist_image[0],
});
...

```

Otherwise, it does not load the images. I saw somewhere that the size might interfere too ?

---

<div class="post-metadata">

**Author:** ![Uldis](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/uldis/32/657_2.png) [@Uldis](https://forums.fusetools.com/u/Uldis)\
**Post date:** [April 19, 2018, 8:53am UTC](https://forums.fusetools.com/t/multiple-image-loading-error/4288/5 "2018-04-19T08:53:58Z")

</div>

What you just wrote tells us exactly one thing: the first image is perfectly fine, and can be shown. One of the others is likely broken. Check them one-by-one!

---

<div class="post-metadata">

**Author:** ![Brian\_Mwangi](https://avatars.discourse-cdn.com/v4/letter/b/bbe5ce/32.png) [@Brian\_Mwangi](https://forums.fusetools.com/u/Brian_Mwangi)\
**Post date:** [April 19, 2018, 8:57am UTC](https://forums.fusetools.com/t/multiple-image-loading-error/4288/6 "2018-04-19T08:57:45Z")

</div>

I already checked all the images and used them one by one. None is broken.

---

<div class="post-metadata">

**Author:** ![Uldis](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/uldis/32/657_2.png) [@Uldis](https://forums.fusetools.com/u/Uldis)\
**Post date:** [April 19, 2018, 8:59am UTC](https://forums.fusetools.com/t/multiple-image-loading-error/4288/7 "2018-04-19T08:59:14Z")

</div>

In that case, please prepare a reliable, complete, minimal reproduction that we could run on our machines. A Fuse project in a .zip would work nicely for that.

---

<div class="post-metadata">

**Author:** ![Brian\_Mwangi](https://avatars.discourse-cdn.com/v4/letter/b/bbe5ce/32.png) [@Brian\_Mwangi](https://forums.fusetools.com/u/Brian_Mwangi)\
**Post date:** [April 19, 2018, 9:02am UTC](https://forums.fusetools.com/t/multiple-image-loading-error/4288/8 "2018-04-19T09:02:06Z")

</div>

Provide me with an email to send the .zip to ?

---

<div class="post-metadata">

**Author:** ![Uldis](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/uldis/32/657_2.png) [@Uldis](https://forums.fusetools.com/u/Uldis)\
**Post date:** [April 19, 2018, 9:04am UTC](https://forums.fusetools.com/t/multiple-image-loading-error/4288/9 "2018-04-19T09:04:38Z")

</div>

Could you just upload it here?

---

<div class="post-metadata">

**Author:** ![Brian\_Mwangi](https://avatars.discourse-cdn.com/v4/letter/b/bbe5ce/32.png) [@Brian\_Mwangi](https://forums.fusetools.com/u/Brian_Mwangi)\
**Post date:** [April 19, 2018, 9:07am UTC](https://forums.fusetools.com/t/multiple-image-loading-error/4288/10 "2018-04-19T09:07:52Z")

</div>

It says:  
`Sorry, the file you are trying to upload is not authorized (authorized extensions: jpg, jpeg, png, gif).`

---

<div class="post-metadata">

**Author:** ![Uldis](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/uldis/32/657_2.png) [@Uldis](https://forums.fusetools.com/u/Uldis)\
**Post date:** [April 19, 2018, 9:20am UTC](https://forums.fusetools.com/t/multiple-image-loading-error/4288/11 "2018-04-19T09:20:13Z")

</div>

Please try again, .zip files should be allowed now.

---

<div class="post-metadata">

**Author:** ![Brian\_Mwangi](https://avatars.discourse-cdn.com/v4/letter/b/bbe5ce/32.png) [@Brian\_Mwangi](https://forums.fusetools.com/u/Brian_Mwangi)\
**Post date:** [April 19, 2018, 9:21am UTC](https://forums.fusetools.com/t/multiple-image-loading-error/4288/12 "2018-04-19T09:21:42Z")

</div>

[Project.zip](https://canada1.discourse-cdn.com/flex035/uploads/fusetools1/original/1X/787594470c7334ca749c27ae3b816c6f3cb668df.zip) (2.3 MB)

There you go

---

<div class="post-metadata">

**Author:** ![Arturs](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/arturs/32/582_2.png) [@Arturs](https://forums.fusetools.com/u/Arturs)\
**Post date:** [April 19, 2018, 10:23am UTC](https://forums.fusetools.com/t/multiple-image-loading-error/4288/13 "2018-04-19T10:23:35Z")

</div>

Hey.

In ArtistPage.js:

```auto
var artist_image = ["../Assets/logo.jpg",...]
// change to this
var artist_image = ["Assets/logo.jpg",...] 

```

My guess, that when images are loaded from UX you need to specify the relative path like `../image.jpg`, but images loaded from JavaScript looking for app root. That’s why you need to use an absolute path for resources.

Hope this helps.

---

<div class="post-metadata">

**Author:** ![Brian\_Mwangi](https://avatars.discourse-cdn.com/v4/letter/b/bbe5ce/32.png) [@Brian\_Mwangi](https://forums.fusetools.com/u/Brian_Mwangi)\
**Post date:** [April 19, 2018, 10:47am UTC](https://forums.fusetools.com/t/multiple-image-loading-error/4288/14 "2018-04-19T10:47:46Z")

</div>

Will try this then get back to you.

Thanks

---

<div class="post-metadata">

**Author:** ![Brian\_Mwangi](https://avatars.discourse-cdn.com/v4/letter/b/bbe5ce/32.png) [@Brian\_Mwangi](https://forums.fusetools.com/u/Brian_Mwangi)\
**Post date:** [April 25, 2018, 9:15am UTC](https://forums.fusetools.com/t/multiple-image-loading-error/4288/15 "2018-04-25T09:15:51Z")

</div>

Hi there,

Any suggestions ? Uldis ?

Thanks

---

<div class="post-metadata">

**Author:** ![Uldis](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/uldis/32/657_2.png) [@Uldis](https://forums.fusetools.com/u/Uldis)\
**Post date:** [April 25, 2018, 12:01pm UTC](https://forums.fusetools.com/t/multiple-image-loading-error/4288/16 "2018-04-25T12:01:06Z")

</div>

Well Brian, did you try what you were going to try? Because on our end changing the paths pretty much solved the problem.

---

<div class="post-metadata">

**Author:** ![Brian\_Mwangi](https://avatars.discourse-cdn.com/v4/letter/b/bbe5ce/32.png) [@Brian\_Mwangi](https://forums.fusetools.com/u/Brian_Mwangi)\
**Post date:** [April 25, 2018, 3:08pm UTC](https://forums.fusetools.com/t/multiple-image-loading-error/4288/17 "2018-04-25T15:08:18Z")

</div>

Hi there,

I had tried changing the paths but something was still not right. Restarted Fuse and it is all good. Probably the cache or something.

Thanks.