Fallback url

[martin-ro]

When using a fallack url no image is displayed. For example on a model like so:

public function registerMediaCollections(): void
    {
        $this->addMediaCollection('user-photos')
            ->useFallbackUrl(asset('images/default-user-photo.png'));
    }

The image field is blank. I also wasnt able to get it to work with the previewUsing and mediaOnIndex methods.

Any idea what the issue is? Thanks!

[dmitrybubyakin]

@martin-ro Hi. Looks like it's a bug. I'll look into it.

[bilogic]

Hi, any idea where the issue might be? I can try to find a solution.

[bilogic]

@dmitrybubyakin

Is there where the problem might be?

nova-medialibrary-field/resources/js/components/Medialibrary/MediaPreview.vue

Lines 31 to 37 in afaa894

	computed: {
	usePreview() {
	return this.media.previewUrl
	&& !this.loadingFailed
	&& !this.useFallback
	},
	},

[dmitrybubyakin]

@bilogic I think it's ok. It might be something else.

[bilogic]

I see.. sorry I don't know Vue, can't help much.

[petarthewizard]

This is method is not even available in my version, for some reason, and downloaded this a few days ago. Is this available only on the dev branch?

[petarthewizard]

I figured that useFallbackUrl is media-library specific method. So, I can, also, testify that it doesn't use the fallback URL when you delete an image.

[petarthewizard]

@dmitrybubyakin I couldn't find the code, but could the problem be that getMedia returns an empty collection when there is no media even when using useFallbackUrl. I think that you have to make a call to getFirstMediaUrl($collectionName) to get the fallback url.

[bilogic]

@dmitrybubyakin I also managed to get fallbackUrl working and have the same conclusion as @petethewizard. Don't think this is a bug.