Why do I have a dash in content image names?

The CMS Questions
1

When I have a images using this yaml.

      hero_image:
        label: Hero Image
        type: files
        multiple: false
        required: yes
        layout: cards
        size: small

It saves as:

Hero-image: 

- 5c65b7f9429803533b58195a_61905.jpeg

----

So when I try to output it the image fails.

<?php if($image = $page->hero_image()): ?>
<img src="<?= $image->url() ?>" alt="">
<?php endif ?>

I get this:

<img src="- 5c65b7f9429803533b58195a_61905.jpeg" alt="">

What is the dash? It should be:

<img src="5c65b7f9429803533b58195a_61905.jpeg" alt="">
2

Another image has - >

Blue-box-image: 

- >
  5c66a10cb44ec5622a657545_rawpixel-1116836-unsplash-blue.jpg

----

What is going on?

3

The files field stores content in yaml_format, you can fetch images like this:

Single image:

<?php if ($image = $page->hero_image()->toFile()): ?>
<img src="<?= $image->url() ?>" alt="">
<?php endif ?>

Multiple images:

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

That happens if the string is very long. Nothing to worry about.

4

Perfect/. Thanks!