Giter Site home page Giter Site logo

kavela / enhanced-image-uploader Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 234 KB

Laravel Nova repeatable image field where the each image has its own configuration which defines how images should be processed

License: MIT License

PHP 50.32% Vue 47.53% JavaScript 2.15%
nova-field nova laravel

enhanced-image-uploader's Introduction

Repeatable image field for Laravel Nova applications

This package contains a Nova field to add images to resources.

Requirements

This Nova field requires PHP 7.2 or higher.

Installation

You can install this package into a Laravel app that uses Nova via composer:

composer require kavela/enhanced-image-uploader
php artisan enhanced-image-uploader:install
php artisan migrate

Usage

To make an Eloquent model imageable follow next steps:

Update config/enhanced-image-uploader.php configuration file.

Next add the Kavela\EnhancedImageUploader\Traits\HasImages trait to it:

class Project extends Model
{
    use Kavela\EnhancedImageUploader\Traits\HasImages;
    
    ...
}

Next you can use the Kavela\EnhancedImageUploader\Images field in your Nova resource:

namespace App\Nova;

use Kavela\EnhancedImageUploader\Images;

class Project extends Resource
{
    // ...
    
    public function fields(Request $request)
    {
        return [
            // ...
            
            Images::make('Images'),

            // ...
        ];
    }
}

All images will be saved in the enhanced_image_uploader_images table.

Limiting images

You can limit the number of images with limit().

Images::make('Images')->limit($maxNumber),

Processing method (fit, resize, crop, etc.) of images

Images::make('Images')->method('fit'),

Constraints (aspectRatio, upsize, etc.) for the images processing method

Images::make('Images')->constraints([ 'aspectRatio', 'upsize' ]),

Images quality

Images::make('Images')->quality(60),

Saved images format

Images::make('Images')->format('jpg'),

Testing

composer test

Changelog

Please see CHANGELOG for more information on what has changed recently.

Contributing

Please see CONTRIBUTING for details.

Security

If you discover any security related issues, please email [email protected] instead of using the issue tracker.

Credits

License

The MIT License (MIT). Please see License File for more information.

enhanced-image-uploader's People

Contributors

kavela avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.