Image not visible in the panel

The CMS Questions
1

Hi all, Kirby CMS newbie here. I implemented the Blocks feature. I added the Images type. I was unable to see the image in the panel.

panel-no-image
panel-no-image942×537 13 KB

However, the image was visible in the folder structure.

image-in-folder
image-in-folder326×291 4.12 KB

In the console, I had this error: “The requested resource /media/pages/about/9efc54e08d-1747387341/classic-car-lights.jpg was not found on this server.”

So I added the image manually:

manually-added-the-image
manually-added-the-image667×165 5.19 KB

The immediate problem was solved.

My question is: Why does the Blocks image upload not work?

Some context:
I am using PlainKit.
Kirby Version: 4
Environment: Windows 10 + XAMPP
Plugins added: None
PHP version: 8.2.12

Thanks.

2

Welcome to Kirby. The problem is not that the upload is not working, because the file was actually uploaded to the contents folder. But for some reason, the file was not published to the media folder.

Could you check your PHP error logs, and/or enable debugging.

3

Hi thanks for responding.

  1. Turn-on debugging
    Did you mean in Kirby?
    In /site/config/config.php I added this code as per the documentation:
<?php
return [
    'debug' => true
];

I also set-up PHP error logging in XAMPP.

2.Results
Here is an example for another image:

2.Uploaded-image
2.Uploaded-image318×354 8.6 KB

Here is a screenshot of some errors from the Visual Studio Code terminal:

2.terminal
2.terminal1006×114 13 KB

Here is a screenshot of some errors in the browser console:

2.console-log
2.console-log924×111 5.46 KB

Note that the file name is modified. Instead of:
classic-steering-wheel.jpg
it is instead…
classic-steering-wheel-76x.jpg
I don’t know if this is normal behaviour

There are other error messages in the console, e.g.

2.console-css-errors
2.console-css-errors903×111 5.36 KB

Does this help identify the problem? Do you need any further info?
Tony

4

Note this is happening only on the local version. I’ve checked on web hosting and there are no problems with image uploads. It would just be great to have the local version running well, so that I can use GitHub.

5

Those files with the suffixes are thumbs automatically created by the panel. You need to have the gd library extension installed and active for thumbs to work, see requirements in guide