How to set up Nova 4 Image field

[stuartcusackie]

Has anyone figured our Laravel Nova 4 Image field integration? I'm 90% there but there are a couple things that I can't figure out:

• The download button is disappearing
• The filename shows 'null'

This is my current configuration:

            Image::make('Profile Photo', 'photo')
                ->store(function (Request $request, $model) {
                    $model->addMediaFromRequest('photo')
                        ->withCustomProperties(['alt' => $model->name])
                        ->toMediaCollection('photo');

                    return true;
                })
                ->preview(function () {
                    return $this->getFirstMediaUrl('photo', 'nova_preview');
                })
                ->thumbnail(function () {
                    return $this->getFirstMediaUrl('photo', 'nova_thumbnail');
                })
                ->delete(function (Request $request, $model, $disk, $path) {
                    return $model->getFirstMedia('photo')->delete();
                });

I have tried to fixed the downloads like so but nothing happens:

   ->download(function ($request, $model, $disk, $value) {
      $media = $model->getFirstMedia('photo');
      return Storage::disk($media->disk)->download($media->getPathRelativeToRoot(), $media->file_name);
    })

And I have tried to figure out the 'null' filename but this doesn't work:

->path(function () {
  if($media = $model->getFirstMedia('photo')) {
    return $media->file_name;
  }
 })

Any advice would be appreciated!

[stuartcusackie]

The only way I could figure this out was to store the original filename in the model.

Here's a full example but it might be better to use Ebess media library instead.

            Avatar::make('Profile Photo', 'photo')
                ->store(function (Request $request, $model) {

                    $model->addMediaFromRequest('photo')
                        ->withCustomProperties(['alt' => $model->name])
                        ->preservingOriginal()
                        ->toMediaCollection('photo');

                    return $request->photo->getClientOriginalName();
                })
                ->preview(function ($value) {
                    return $value ? $this->getFirstMediaUrl('photo', 'nova_preview') : null;
                })
                ->thumbnail(function ($value) {
                    return $value ? $this->getFirstMediaUrl('photo', 'nova_thumbnail') : null;
                })
                ->download(function ($request, $model, $value) {

                    if($value) {
                        $media = $model->getFirstMedia('photo');
                        return Storage::disk($media->disk)->download($media->getPathRelativeToRoot());
                    }

                    return null;
                    
                })
                ->delete(function (Request $request, $model, $disk, $path) {
                    $model->getFirstMedia('photo')->delete();
                    return null;
                })
                ->acceptedTypes('.png,.jpg')
                ->rules("image", "max:5000"),

[jeff-h]

Thanks for your code above, it's been very helpful!

store the original filename in the model

Could you elaborate a little on what you mean by this, and how you utilised it?

[stuartcusackie]

All I meant is that I need a 'photo' column in my object's table in my above example - Avatar::make('Profile Photo', 'photo')

The Image::make or Avatar::make field declaration requires a column to store the original filename, even though the medialibrary package doesn't really need it.