# Can't get Images or Image on a user page from the user account

**URL:** <https://forum.getkirby.com/t/cant-get-images-or-image-on-a-user-page-from-the-user-account/26410>\
**Category:** Questions\
**Tags:** v3\
**Created:** [September 5, 2022, 11:03am UTC](https://forum.getkirby.com/t/cant-get-images-or-image-on-a-user-page-from-the-user-account/26410 "2022-09-05T11:03:59Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![exeldoc](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/exeldoc/32/6224_2.png) [@exeldoc](https://forum.getkirby.com/u/exeldoc)\
**Post date:** [September 5, 2022, 11:03am UTC](https://forum.getkirby.com/t/cant-get-images-or-image-on-a-user-page-from-the-user-account/26410/1 "2022-09-05T11:03:59Z")

</div>

Hey there.

I allready found help in this entry:  
Continuing the discussion from [Building user profile pages in Kirby 3](https://forum.getkirby.com/t/building-user-profile-pages-in-kirby-3/12457):

In the model I added fields like addresses and links, but **how do I get images, that were uploaded in the user account?**

```
<?php

class RaeumePage extends Page
{
public function children()
{
$usersPages = [];
$users = kirby()->users();
foreach ($users as $key => $user) {
  $userPages[] = [
    'slug' => Str::slug($user->id()), // or username if unique
    'num' => $user->indexOf($users),
    'template' => 'user',
    'model' => 'user',
    'content' => [
      ...
      'avatar' => $user->avatar(),
      'image' => $user->image(),
       ...
       ]

```

These fields are `files` ^^ one or many

When I want to call them in the template, I get no content.

```
<?php if($avatar = $page->avatar()): ?>
  <img src="<?= $avatar() ?>" alt="">
<?php endif ?>
<?php foreach ($page->image() as $image): ?>
  <img src="<?= $image() ?>" alt="">
<?php endforeach; ?>

```

I am allways losing trake about the format of the field. Is `$user->image()` an object or do I need to convert `->toFile()` or `->toFiles()` somewhere?  
Or do I need to manipulate the route somehow to get the images?  
config:

```
<?php
return [
'routes' => [
     [
       'pattern' => 'user/(:any)',
       'language' => 'de',
       'action' => function($user) {
         $site = kirby()->site()->find("raume");
         return tpl::load(kirby()->roots()->templates() . DS . 'user.php', array('user' => $user, 'site' => $site), false);
       }
     ]
     ],
'debug' => true,
'languages' => true,
];

```

I highly appreciate your support.  
Thanks in advance.

---

<div class="post-metadata">

**Author:** ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)\
**Post date:** [September 5, 2022, 11:28am UTC](https://forum.getkirby.com/t/cant-get-images-or-image-on-a-user-page-from-the-user-account/26410/2 "2022-09-05T11:28:46Z")

</div>

> [@exeldoc](#):
>
> `'avatar' => $user->avatar(),`

1. The files field expects a yaml encoded array of file ids, however, in your model you are passing a file object.

```auto
'avatar' => ($avatar = $user->avatar()) ? Data::encode([$avatar()->id()], 'yaml') ? null,

```

> [@exeldoc](#):
>
> `'image' => $user->image(),`

1. $user-\>image() returns a single image, same problem as above, but additionally, you try to loop through `$page->image()` in your template.

However, `$page->image()` will return the first image in the page folder, not the one stored in the `image` field (see field names: [https://getkirby.com/docs/guide/content/fields#naming-fields](https://getkirby.com/docs/guide/content/fields#naming-fields))

1. Then rendering the field content in your template, you have to convert to a file object

> **[$field-\>toFile()](https://getkirby.com/docs/reference/templates/field-methods/to-file)**
>
> Returns a file object from a filename in the field

> **[$field-\>toFiles()](https://getkirby.com/docs/reference/templates/field-methods/to-files)**
>
> Returns a file collection from a yaml list of filenames in the field

---

<div class="post-metadata">

**Author:** ![exeldoc](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/exeldoc/32/6224_2.png) [@exeldoc](https://forum.getkirby.com/u/exeldoc)\
**Post date:** [September 5, 2022, 12:02pm UTC](https://forum.getkirby.com/t/cant-get-images-or-image-on-a-user-page-from-the-user-account/26410/3 "2022-09-05T12:02:30Z")

</div>

2 . Ok, thought so too. Thanks.

1 .

> [@texnixe](#):
>
> ` 'avatar' => ($avatar = $user->avatar()) ? Data::encode([$avatar()->id()], 'yaml') ? null,`

This is going in the model content array, right?  
Because it is throwing a syntax error there:

 ![Bildschirmfoto 2022-09-05 um 13.54.50](https://europe1.discourse-cdn.com/flex017/uploads/getkirby/original/2X/b/bb5675558dfc425cd9d8661e3d499d4027e0dbdf.png)

`$page->image()` … Yeah, sure! Forgot about this function. I will rename the field.  
But passing/encoding an array of files would work the same way as you posted for a singel one? (I can not test it now, because of the error)

Thanks for the quick answer?

---

<div class="post-metadata">

**Author:** ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)\
**Post date:** [September 5, 2022, 1:27pm UTC](https://forum.getkirby.com/t/cant-get-images-or-image-on-a-user-page-from-the-user-account/26410/4 "2022-09-05T13:27:31Z")

</div>

> [@texnixe](#):
>
> [$avatar()-\>id()]

Should be $avatar-\>id()

---

<div class="post-metadata">

**Author:** ![exeldoc](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/exeldoc/32/6224_2.png) [@exeldoc](https://forum.getkirby.com/u/exeldoc)\
**Post date:** [September 5, 2022, 1:43pm UTC](https://forum.getkirby.com/t/cant-get-images-or-image-on-a-user-page-from-the-user-account/26410/5 "2022-09-05T13:43:10Z")

</div>

> [@texnixe](#):
>
> `'avatar' => ($avatar = $user->avatar()) ? Data::encode([$avatar()->id()], 'yaml') ? null,`

mh unfortunately still the same error. 🙁

```
'avatar' => ($avatar = $user->avatar()) ? Data::encode($avatar->id(), 'yaml') ? null,

```

> **[Data::encode()](https://getkirby.com/docs/reference/objects/data/data/encode)**
>
> Encodes data with the specified handler

In the Reverence, there is a string after the encode round braces… But there is nothing missing, right? mh

---

<div class="post-metadata">

**Author:** ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)\
**Post date:** [September 5, 2022, 10:02pm UTC](https://forum.getkirby.com/t/cant-get-images-or-image-on-a-user-page-from-the-user-account/26410/6 "2022-09-05T22:02:16Z")

</div>

Ok, my mistake:

```auto
'avatar' => ($avatar = $user->avatar()) ? Data::encode($avatar->id(), 'yaml') : null,

```

---

<div class="post-metadata">

**Author:** ![exeldoc](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/exeldoc/32/6224_2.png) [@exeldoc](https://forum.getkirby.com/u/exeldoc)\
**Post date:** [September 6, 2022, 7:37am UTC](https://forum.getkirby.com/t/cant-get-images-or-image-on-a-user-page-from-the-user-account/26410/7 "2022-09-06T07:37:28Z")

</div>

> [@texnixe](#):
>
> `'avatar' => ($avatar = $user->avatar()) ? Data::encode($avatar->id(), 'yaml') : null,`

Ah that was it! Sorry, still learning php…  
Thanks for sticking with me!

But now there is follow-up error: 🙈

![Bildschirmfoto 2022-09-06 um 09.24.02](https://europe1.discourse-cdn.com/flex017/uploads/getkirby/original/2X/e/ed55340157daeae9c5af9eaf2d2a47d6f08ee60b.png)

Is that a local host problem, or do I have to specify the max size of data that get routed, somehow?

---

<div class="post-metadata">

**Author:** ![exeldoc](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/exeldoc/32/6224_2.png) [@exeldoc](https://forum.getkirby.com/u/exeldoc)\
**Post date:** [September 6, 2022, 3:16pm UTC](https://forum.getkirby.com/t/cant-get-images-or-image-on-a-user-page-from-the-user-account/26410/8 "2022-09-06T15:16:50Z")

</div>

I found this post that should solve the problem, but I am not sure that increasing the memory is the  
the goal.

> [@Error (500 POST) on uploading video](https://forum.getkirby.com/t/error-500-post-on-uploading-video/22591/4):
>
> And what are you php.ini settings for memory\_limit upload\_max\_filesize post\_max\_size `

I can also prohibit to upload large files in this case.

**Multiple images:**  
For testing I took very small images now. The error is a different one:  
What is happening now is that the page takes forever to load until the timeout hits.  
This is only happening with the array of images.

**So could it be, that**

```
'bilder' => ($bilder = $user->bilder()) ? Data::encode($bilder->id(), 'yaml') : null,

```

**which should deliver an array of images, need a different encoding here?**

**Single images:**  
With a single image “avatar” it also does not work as I expaced it.

When I call the avatar like this:

```
<?= $page->avatar()->toFile()->url()?>

```

in the template, after I encode it in the model like this:

```
'avatar' => ($avatar = $user->avatar()) ? Data::encode($avatar->id(), 'yaml') : null,

```

the outcome is `null` even if the account has an avatar. Looks like I am still doing stuff wrong here…

---

<div class="post-metadata">

**Author:** ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)\
**Post date:** [September 6, 2022, 3:50pm UTC](https://forum.getkirby.com/t/cant-get-images-or-image-on-a-user-page-from-the-user-account/26410/9 "2022-09-06T15:50:53Z")

</div>

If the problem is the uploaded file size, I’d limit what the user can upload. After all, you never need huge images, and it’s just a waste of resources.

> [@exeldoc](#):
>
> `'bilder' => ($bilder = $user->bilder()) ? Data::encode($bilder->id(), 'yaml') : null,`

Well, the original error as before above (you are not converting the field value), but also you would have to pluck the ideas

```auto
$images = $user->bilder()->toFiles();
'bilder' => $images->isNotEmpty() ? Data::encode($images->pluck('id', ','), 'yaml') : null,

```

---

<div class="post-metadata">

**Author:** ![exeldoc](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/exeldoc/32/6224_2.png) [@exeldoc](https://forum.getkirby.com/u/exeldoc)\
**Post date:** [September 6, 2022, 5:46pm UTC](https://forum.getkirby.com/t/cant-get-images-or-image-on-a-user-page-from-the-user-account/26410/10 "2022-09-06T17:46:55Z")

</div>

> [@texnixe](#):
>
> If the problem is the uploaded file size, I’d limit what the user can upload. After all, you never need huge images, and it’s just a waste of resources.

Yeah, sure! What I mean.

At least there is no error anymore. Now it delivers this:

```auto
- > B8Shzv2W/img-one-name.jpg - B8Shzv2W/img-two-name.jpg 

```

I don’t understand were the `- >` and the `-` in front and between the two strings is coming from.  
And since it looks like a part on an url… I don’t know where I can find the images now. 😇  
I tried, the page url + string and some other combinations –\> always 404

---

<div class="post-metadata">

**Author:** ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)\
**Post date:** [September 6, 2022, 6:38pm UTC](https://forum.getkirby.com/t/cant-get-images-or-image-on-a-user-page-from-the-user-account/26410/11 "2022-09-06T18:38:08Z")

</div>

I think we are going wrong somewhere, and I think I got confused.

> [@exeldoc](#):
>
> `- > B8Shzv2W/img-one-name.jpg - B8Shzv2W/img-two-name.jpg `

Where do you get this result?

---

<div class="post-metadata">

**Author:** ![exeldoc](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/exeldoc/32/6224_2.png) [@exeldoc](https://forum.getkirby.com/u/exeldoc)\
**Post date:** [September 7, 2022, 8:14am UTC](https://forum.getkirby.com/t/cant-get-images-or-image-on-a-user-page-from-the-user-account/26410/12 "2022-09-07T08:14:53Z")

</div>

Ok. Sorry for any confusion @texnixe.

I will start over:  
I have users with an avatar and another field for multiple images.

I want to list all the users on a page: users  
Every user should get a subpage of this users page: user

user blueprint:

```
avatar:
   type: files
   multiple: false
bilder:
   label: Bilder Deiner Performance/Kunst
   type: files

```

users model:

```
<?php

 class RaeumePage extends Page
 {

 public function children()
 {
$usersPages = [];
$users = kirby()->users();

foreach ($users as $key => $user) {
  $images = $user->bilder()->toFiles();
  $userPages[] = [
    'slug' => Str::slug($user->id()), // or username if unique
    'num' => $user->indexOf($users),
    'template' => 'user',
    'model' => 'user',
    'content' => [
      ...
      'avatar' => ($avatar = $user->avatar()) ? Data::encode($avatar->id(), 'yaml') : null,
      'bilder' => $images->isNotEmpty() ? Data::encode($images->pluck('id', ','), 'yaml') : null,
      ...
    ]
  ];
}
return Pages::factory($userPages, $this);

}
}

```

then here is the user page template: user.php

```
<img src="<?= $page->avatar()->toFile()->url() ?>" alt="">

<?php foreach ($page->bilder()->toFiles() as $bild): ?>
  <img src="<?= $bild->url() ?>" alt="">
<?php endforeach; ?>

```

This leads to an error `calling member function url() on null`  
However. For testing what the outcome of those fields look like I wrote:

```
<?= $page->bilder()?> </br>
<?= $page->avatar()?>

```

and this is the output, where I have no idea what to do with it 🫥

```
- > B8Shzv2W/img-one-name.jpg - B8Shzv2W/img-two-name.jpg
- B8Shzv2W/profile.webp 

```

Hope that clarifies the problem.

---

<div class="post-metadata">

**Author:** ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)\
**Post date:** [September 8, 2022, 6:50pm UTC](https://forum.getkirby.com/t/cant-get-images-or-image-on-a-user-page-from-the-user-account/26410/13 "2022-09-08T18:50:21Z")

</div>

Sorry, haven’t found the time yet to set up a little test. Will do asap.

---

<div class="post-metadata">

**Author:** ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)\
**Post date:** [September 9, 2022, 4:14pm UTC](https://forum.getkirby.com/t/cant-get-images-or-image-on-a-user-page-from-the-user-account/26410/14 "2022-09-09T16:14:21Z")

</div>

Ok, finally got round to it and the problem are the user images. Take a look at this example:

```auto
    public function children()
    {
        $usersPages = [];
        $users = kirby()->users();
        foreach ($users as $key => $user) {
            $images = page('photography')->children()->first()->images()->pluck('id', ',');
            $uImages = $user->images()->pluck('id', ',');
            $userPages[] = [
                'slug' => Str::slug($user->id()), // or username if unique
                'num' => $user->indexOf($users),
                'template' => 'user',
                'model' => 'user',
                'content' => [
                    'avatar' => Data::encode($images, 'yaml'),
                    'userimages' => Data::encode($uImages, 'yaml'),

                ]
            ];
        }
        return $this->children = Pages::Factory($userPages, $this);
    }

```

This works well for the avatar field which contains a simple set of page files:

In the template in my example:

```auto
<?php foreach($page->children() as $child): ?>
  <h2><?= $child->title() ?></h2>
  <img src="<?php echo $child->avatar()->toFile()?->url() ?>" alt="">
  <img src="<?php echo $child->userimages()->toFile()?->url() ?>" alt="">
<?php endforeach ?>

```

While `$child->avatar()->toFile()` (which now stores a page file id) return the file as expected, calling `toFile()/toFiles()` on the `userimages` field has no effect whatsoever.

The only way to solve this problem is to fetch the images from the user object:

```auto
$userImages = $kirby->user($child->userId())->files()->filter(fn ($file) => in_array($file->id(), $child->userimages()->yaml()));
dump($userImages);

```

For this to work, the user id needs to be stored in the content in your model as well.

---

<div class="post-metadata">

**Author:** ![exeldoc](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/exeldoc/32/6224_2.png) [@exeldoc](https://forum.getkirby.com/u/exeldoc)\
**Post date:** [September 9, 2022, 8:41pm UTC](https://forum.getkirby.com/t/cant-get-images-or-image-on-a-user-page-from-the-user-account/26410/15 "2022-09-09T20:41:02Z")

</div>

Hey Sonja, Thanks for taking your time to help.

Your use case seems to not fit mine exactly.

**Your model:**  
It looks like you are catching the `$images` from a page named photography. In my case the images or the one image (avatar) is uploaded in each user. And there is no child of the user.  
Also, the page for that I am working on the template has no children…

I will try to tweak it to my use case.

```
...
foreach ($users as $key => $user) {
$avatar = $user->avatar()->first()->pluck('id', ',');
$userPages[] = [
    'slug' => Str::slug($user->id()), // or username if unique
    'num' => $user->indexOf($users),
    'template' => 'user',
    'model' => 'user',
    'content' => [
            'avatar' => Data::encode($avatar, 'yaml'),
              ]
       ];
    }

```

**Your Template:**  
In the template, I am on the user Page itself.  
So calling children here wouldn’t make any sense – there are none.

```
<img src="<?php echo $page->avatar()->toFile()?->url() ?>" alt="">

```

**That is crashing.** No Error just the hole page is not loading anything.

Guess that is what you are meaning here, right?

> [@texnixe](#):
>
> While `$child->avatar()->toFile()` (which now stores a page file id) return the file as expected, calling `toFile()/toFiles()` on the `userimages` field has no effect whatsoever.

Accept that it is also not working with a single image (avatar) directly from the user.

Your solution would be this:

```
$userImages = $kirby->user($child->userId())
->files()->filter(fn ($file) => in_array($file->id(),  
$child->userimages()->yaml()));

dump($userImages);

```

_So I’m trying to understand your code here:_  
You are calling the `kirby->user()`  
In the brackets `$child->userId()` –\> why? Where is the `child` coming from? Or is that the actual user?

`userId` is a field in your example?  
The user id is already in the model – we are using it in `slug`, don’t we?

Then you are filtering from through an array of files in `user`? Or the `child` page?  
The filter method I don’t understand…

Mh. Sorry.  
I am really trying, but I don’t get it yet. 😵‍💫

---

<div class="post-metadata">

**Author:** ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)\
**Post date:** [September 9, 2022, 8:54pm UTC](https://forum.getkirby.com/t/cant-get-images-or-image-on-a-user-page-from-the-user-account/26410/16 "2022-09-09T20:54:35Z")

</div>

> [@exeldoc](#):
>
> It looks like you are catching the `$images` from a page named photography.

As I tried to explain, this was for a test. I compared fetching images from a page vs from a user to make sure the syntax is correct.

> [@exeldoc](#):
>
> In the brackets `$child->userId()` –\> why? Where is the `child` coming from

That is a child defined in the model. Only I’m not in the virtual page but in the parent, as you can see, I’m looping through the children.

And userId is a field I additionally defined in the model to have access to the user id, as explained above. Quoting myself \>

> [@texnixe](#):
>
> For this to work, the user id needs to be stored in the content in your model as well.

> [@exeldoc](#):
>
> The user id is already in the model – we are using it in `slug`, don’t we?

But the slug sluggifys the user id, so it is useless to fetch the user (e.g. 8Ng0DaaC != 8ng0daac)