ziffmedia / laravel-eloquent-imagery
Image handling per column/attribute for Laravel Eloquent
Installs: 137 868
Dependents: 0
Suggesters: 0
Security: 0
Stars: 8
Watchers: 17
Forks: 6
Open Issues: 0
Requires
- php: ^8.1
Requires (Dev)
- laravel/pint: ^1.2
- orchestra/testbench: ^7.0
- phpunit/phpunit: ^9.0
Suggests
- ext-gd: GD Based image modifications
- ext-imagick: Imagick image modifications
- laravel/framework: This package is intended to be used with laravel/framework version >= 5.7
Conflicts
- laravel/framework: <5.7.0
- laravel/nova: <2.0.0
- dev-master
- v2.0.0
- v2.0.0-rc.2
- v2.0.0-rc.1
- v2.0.0-beta.5
- v2.0.0-beta.4
- v2.0.0-beta.3
- v2.0.0-beta.2
- v2.0.0-beta.1
- 1.x-dev
- v1.0.1
- v1.0.0
- v1.0.0-rc.1
- v1.0.0-beta.5
- v1.0.0-beta.4
- v1.0.0-beta.3
- v1.0.0-beta.2
- v1.0.0-beta.1
- v0.11.7
- v0.11.6
- v0.11.5
- v0.11.4
- v0.11.3
- v0.11.2
- v0.11.1
- v0.11.0
- v0.10.12
- v0.10.11
- v0.10.10
- v0.10.9
- v0.10.8
- v0.10.7
- v0.10.6
- v0.10.5
- v0.10.4
- v0.10.3
- v0.10.2
- v0.10.1
- v0.10.0
- v0.9.1
- v0.9.0
- v0.8.5
- v0.8.4
- v0.8.3
- v0.8.2
- v0.8.1
- v0.8.0
- v0.7.4
- v0.7.3
- v0.7.2
- v0.7.1
- v0.7.0
- dev-AP-997-no-extension-throws-500
- dev-feature-config-optimization
- dev-feature-filesystems-and-collection-sync
- dev-nova4
- dev-nova4-cast-and-observer-refactor
- dev-hotfix-deleting-models
- dev-feature-attributes-as-casts
- dev-optimization-and-conversion
- dev-feature-image-on-filesystem-with
- dev-develop-202204
- dev-hotfix-form-field-help-text
- dev-format-conver
- dev-develop
- dev-SUN-1194
- dev-skip-gifs
- dev-fill-quality-fix
- dev-webp-support
- dev-fill-scale-up-fix
- dev-dev-crop-fix
- dev-feature-image-validation
- dev-optimize-gifs
- dev-nova-feature
- dev-feature-image-editor-tui
- dev-hotfix-fit-limit-large-images
This package is auto-updated.
Last update: 2024-11-26 18:31:03 UTC
README
Description
ziffmedia/laravel-eloquent-imagery
takes a unique approach to handling
images. Instead of treating images as model relations, they are treated
as attributes of a model. To this end, image information is stored
in a tables column (a model's attribute) at a given name. Additionally,
this library handles image modifications (resizing, triming,
backgrounds) when serving the image instead of at upload time. Images
are stored in any of the configured kinds of file storage that Laravel
supports.
Features:
- images are tracked in same table's column
- setup is handled by adding a trait and a method per image type
- modifications can be made by manipuliating the image's url
- placeholder generation is supported
- fallback to a placeholdler (mainily for dev purposes) is supported when the image is not on the disk
Other Good Libraries
If this solution to the image problem does not appeal to you, Spatie's MediaLibrary is an excellent library that both treats images as Models as a Relation, and also has a concept of "conversions" that can be applied at upload time.
Installation
First, install the package:
$ composer require ziffmedia/laravel-eloquent-imagery
In Laravel 5.5+. this library will self-register. Next, you should publish the vendor (config) files:
$ artisan vendor:publish --provider="ZiffMedia\LaravelEloquentImagery\EloquentImageryProvider"
It is now ready to use.
Usage
Attaching An Image To A Model
In the simplest use case for a single image attached to a model, first
create a json
column in a migration to handle this image:
// in a table migration $table->json('image')->nullable();
Next, in the model, add in the HasEloquentImagery trait and configure a class
property called $eloquentImagery
like so:
use ZiffMedia\LaravelEloquentImagery\Eloquent\HasEloquentImagery; class Post extends Model { use HasEloquentImagery; protected $eloquentImagery = [ 'path' => 'posts/{id}.{extension}', ]; }
Attaching an Image Collection To A Model
An Image Collection is a ordered list of Image objects. The collection itself when hydrated has images that are indexable starting at 0. Each collection has a concept of an auto increment number which is stored in the collection (and the collection's serialization) so that Image objects can take advantage of this in the path template.
In the simplest use case, using a json
column like in the direct image
scenario above, add in the HasEloquentImagery
trait as before, and
use the eloquentImageryCollection
method at construction to setup
the collection:
use ZiffMedia\LaravelEloquentImagery\Eloquent\HasEloquentImagery; class Post extends Model { use HasEloquentImagery; protected $eloquentImagery = [ 'images' => [ 'path' => 'post/{id}/image-{index}.{extension}', 'collection' => true ], ]; }
Displaying An Image In A View
The following blade syntax assumes $post is a Model of type Post with
an image
attribute. This will generate a url
similar to /imagery/post/11/image.png
:
@if($bam->image->exists) <img src="{{ $bam->image->url() }}" width="20" /> @endif
Using modifiers when generating the url, a url generated such as
/imagery/post/11/image.@size200x200@trim.png
@if($bam->image->exists) <img src="{{ $bam->image->url('size200x200|trim) }}" width="20" /> @endif
Image Modifiers
TODO
Detailed Configuration
The following table describes the available configuration options:
eloquent-imagery.filesystem
Default: env('IMAGERY_FILESYSTEM', 'public')
This is the filesystem images will be stored on at the image's path.
eloquent-imagery.render.enable
Default: true
Whether or not to enable the render route and modification functionality.
eloquent-imagery.render.path
Default: /imagery
The path prefix the route will live at and serve images from.
eloquent-imagery.render.placeholder.enable
Default: env('IMAGERY_RENDER_PLACEHOLDER_ENABLE', false)
Highly useful for dev purposes, consider enabling in local.
eloquent-imagery.render.placeholder.filename
default value _placeholder_
This identifies when a placeholder image is being requested.
eloquent-imagery.render.placeholder.use_for_missing_files
default value env('IMAGERY_RENDER_PLACEHOLDER_USE_FOR_MISSING_FILES', false)
If an image is requested that is not on the filesystem, enabling this will serve a placeholder instead (useful for dev).
eloquent-imagery.render.caching.enable
default value env('IMAGERY_RENDER_CACHING_ENABLE', true)
Whether or not the controller should use full request caching
eloquent-imagery.render.caching.driver
default value env('IMAGERY_RENDER_CACHING_DRIVER', 'disk')
Cache to the disk.
eloquent-imagery.render.caching.ttl
default value 60
How long the ttl for the cache is.
eloquent-imagery.render.browser_cache_max_age
default value 31536000
How long the browser should cache the image generated by this route for.
eloquent-imagery.force_unmodified_image_rendering
default value env('IMAGERY_FORCE_UNMODIFIED_IMAGE_RENDERING', false)
This will allow for the dynamic (controller) route or static route (link to storage, for example) to be selectively used based on if modifiers are present in the image request
Demo
Once cloned, cd demo
directory. Inside there do the following:
composer install artisan migrate artisan db:seed artisan serve
If you wish to demo the Nova specific capabilities, you must first install the downloadable
version of nova to demo/nova
. Once it is there, continue with the above script from the top,
then visit the examples at /nova
in your browser.
TODO
- support moving images as a result of updated path parts (attribute update, etc)
Updating
Updating to 0.5.0
- make sure to rename the
config/eloquent_imagery.php
toconfig/eloquent-imagery.php
, probably a good idea to re-copy the original (or publish again). - see the new method of configuring a model to use an image: use a property called
$eloqentImagery