PHPackages                             waterdhavian/nova-advanced-image - 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. waterdhavian/nova-advanced-image

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

waterdhavian/nova-advanced-image
================================

An advanced image field for Nova with crop and resize.

v1.0.0(1y ago)07MITVuePHP ^8.0

Since Dec 28Pushed 1y agoCompare

[ Source](https://github.com/Waterdhavian/nova-advanced-image)[ Packagist](https://packagist.org/packages/waterdhavian/nova-advanced-image)[ RSS](/packages/waterdhavian-nova-advanced-image/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (2)Versions (3)Used By (0)

Nova Advanced Image Field
=========================

[](#nova-advanced-image-field)

This package provides an advanced image field for Nova 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.

[![screenshot of the advanced image field](https://raw.githubusercontent.com/marshmallow-packages/nova-advanced-image/master/screenshot.png)](https://raw.githubusercontent.com/marshmallow-packages/nova-advanced-image/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 waterdhavian/nova-advanced-image
```

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). This will provide you with a new configuration file where you can specify the driver you want.

Usage
-----

[](#usage)

`AdvancedImage` 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).

```