Media Library

[blondie63]

Does anyone have a demo of a realistic implementation of Spatie MediaLibrary where a user can manage his own gallery and can choose images from previews? :)

[backpack-ai-bot[bot]]

Backpack now offers first-party support for Spatie MediaLibrary, which can be used to manage galleries and choose images from previews. While I don't have a specific demo to show you, I can provide some information on how to implement this functionality:

1. First, you'll need to install the Backpack add-on for MediaLibrary support. This can be done by following the instructions in the MediaLibrary Uploaders repository.

2. Once installed, you can use the withMedia() method on your Backpack fields to enable MediaLibrary support. For example:

CRUD::field('avatar')->type('image')->withMedia();

This will allow you to upload and manage images using Spatie MediaLibrary Release Notes.

3. For a gallery-like functionality, you might want to use the upload_multiple field type, which allows users to upload and manage multiple files CRUD Fields.

4. To allow reordering of gallery images, you can use the sortable attribute on the browse_multiple field type, as shown in this example:

$this->crud->addFields([
    [
        'name' => 'gallery',
        'label' => 'Gallery Images',
        'type' => 'browse_multiple',
        'sortable' => true,
    ],
]);

This will enable drag-and-drop reordering of selected files Pull Request #2261.

While this isn't a complete demo, it should give you a starting point for implementing a user-manageable gallery with image previews using Spatie MediaLibrary and Backpack. For more detailed implementation, you may need to refer to the Spatie MediaLibrary documentation and potentially customize the Backpack fields to suit your specific needs.

Relevant sources:

Github Issue (closed): Check if spatie/media-library works with current Backpack fields
Github Issue (closed): [5.2.0] Media field type
Implemented 'Image' field. Added 'cropper' dependancy.
Release Notes|Spatie MediaLibrary Support
Uploaders|Uploaders for Spatie MediaLibrary
Github Issue (closed): [Feature Request] Spatie Medialibrary Upload and Upload Multiple Field
Official Add-ons|Official Add-ons Part 2
Laravel Vapor, uploading images into temp S3 bucket instead of server tmp folder
|Demo
Github Issue (closed): Model hasMany Media::class
Github Issue (open): [Feature Request] Out-of-the-box Laravel Vapor support
[4.0][Feature] Allow sort browse_multiple field

[karandatwani92]

Hey @blondie63

Please help me understand why you would choose the Spatie MediaLibrary gallery over the browse & browse_multiple fields for the same thing.

Right now, I do not see such a thing in the plan. If you are making one, you can choose to create it in a package form and share it with the Backpack community.

--
Just In case you are looking for an example of working with Spatie MediaLibrary, here is one in the demo.

• https://demo.backpackforlaravel.com/admin/product/210/edit#media
• ProductCrudController
• Product Model

[blondie63]

Hi @karandatwani92, i'm doing an icon/images management for supervisor for shared to all user
Users will be able to choose system or personal icons/images via upload
As soon as I finish I'll show it to you