PHPackages                             ultrasimplified/nova5-image-cropper - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Image & Media](/categories/media)
4. /
5. ultrasimplified/nova5-image-cropper

ActiveLibrary[Image & Media](/categories/media)

ultrasimplified/nova5-image-cropper
===================================

An advanced image field for Nova with crop and resize.

v2.3.1(1y ago)119.5k—8.6%1[1 PRs](https://github.com/UltraSimplified/nova5-image-cropper/pulls)MITVuePHP ^8.0

Since Dec 26Pushed 1y agoCompare

[ Source](https://github.com/UltraSimplified/nova5-image-cropper)[ Packagist](https://packagist.org/packages/ultrasimplified/nova5-image-cropper)[ RSS](/packages/ultrasimplified-nova5-image-cropper/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (10)Dependencies (2)Versions (15)Used By (0)

Nova5 Image Cropper Field (formerly Nova advanced image field)
==============================================================

[](#nova5-image-cropper-field-formerly-nova-advanced-image-field)

This package provides an advanced image field for Nova 5 resources allowing you to upload, crop and resize any image. It uses [Cropper.js](https://fengyuanchen.github.io/cropperjs) with [vue-cropperjs](https://github.com/Agontuk/vue-cropperjs) in the frontend and [Intervention Image](http://image.intervention.io) in the backend.

This version has been updated to use the current v3 build of Intervention/Image and has increased compatibility with Laravel Nova version 5.

It has been renamed to Nova5 Image Cropper to make it easier for Nova 5 users to find a tool to meet their image cropping needs.

[![screenshot of the advanced image field](https://raw.githubusercontent.com/UltraSimplified/nova5-image-cropper/master/screenshot.png)](https://raw.githubusercontent.com/UltraSimplified/nova5-image-cropper/master/screenshot.png)

Requirements
------------

[](#requirements)

This package requires **one of** the following libraries:

- GD Library >=2.0 (used by default)
- Imagick PHP extension >=6.5.7

See [Intervention requirements](http://image.intervention.io/getting_started/installation) for more details.

Installation
------------

[](#installation)

Install the package into a Laravel application with Nova using Composer:

```
composer require ultrasimplified/nova5-image-cropper
```

If you want to use Imagick as the default image processing library, follow the [Intervention documentation for Laravel](http://image.intervention.io/getting_started/installation#laravel).

TL;DR: run the following command in the root folder of your site.

```
php artisan vendor:publish --provider="Intervention\Image\Laravel\ServiceProvider"

```

This will provide you with a new configuration file (config/image.php) where you can specify your preferred driver.

Usage
-----

[](#usage)

`ImageCropper` extends from `File` so you can use any methods that `File` implements. See the documentation [here](https://nova.laravel.com/docs/2.0/resources/fields.html#file-field).

```