PHPackages                             i-avenger01/uploadimage - 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. [File & Storage](/categories/file-storage)
4. /
5. i-avenger01/uploadimage

ActiveLibrary[File & Storage](/categories/file-storage)

i-avenger01/uploadimage
=======================

Upload images to the content type folder.

v2.1.0(4mo ago)02MITPHPPHP ^7.0|^8.0

Since Jul 26Pushed 4mo ago1 watchersCompare

[ Source](https://github.com/iAvenger01/uploadimage)[ Packagist](https://packagist.org/packages/i-avenger01/uploadimage)[ Docs](https://github.com/iAvenger01/uploadimage)[ RSS](/packages/i-avenger01-uploadimage/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (2)Dependencies (1)Versions (4)Used By (0)

UploadImage v2.0.1
==================

[](#uploadimage-v201)

THIS PACKAGE IS CLONE FOR kirill-dan/uploadimage

For Laravel 5.3+

- [Site author](https://cleverman.org/)

This package give you next opportunities:

- Easy upload image file to the content type folder
- Create thumbnails for your image
- You can easily load image for any content type from disk (original or thumbnail image)
- You can easily delete your image from disk
- You can easily delete all images from your body text where images with relative links
- You can easily creating preview image without storage image on the disk
- You can use ajax for easily upload/delete image in your WYSIWYG editor
- You can easily add a watermark on your images
- You can storing your images on the disk or in the DB in the Base64 format

History:
--------

[](#history)

- v2.0.1 - Thumbnails can assign in method: upload($file, $contentName, $watermark = false, $video = false, $thumbnails = false)
- v2.0 - Support Laravel 5.5
- v1.0.70 - Add to config 'watermarkEditorStatus' for WYSIWYG editors. Change UploadImageController
- v1.0.61 - Get real image extension.
- v1.0.50 - You can disable or enable watermark. See example below.
- v1.0.5 - Fix check file on image.
- v1.0.4 - Refactoring all code. Add exceptions, change arrays to methods. Fix some bugs.
- v1.0.3 - Fix some bugs.
- v1.0.2 - replace functional for show image preview in form, method upload return error with status if image width < image width in settings file
- v1.0.1 - fix some bugs

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

[](#requirements)

- spatie/laravel-glide
- php gd library

Install package
---------------

[](#install-package)

### Add package to your project:

[](#add-package-to-your-project)

```
composer require i-avenger01/uploadimage 2.*

```

### Add to file config/app.php next entries:

[](#add-to-file-configappphp-next-entries)

Section Providers:

```
'providers' => [
    .......
    Spatie\Glide\GlideServiceProvider::class,
    Dan\UploadImage\UploadImageServiceProvider::class,
]
```

Section Facades:

```
'aliases' => [
    .......
    'GlideImage' => Spatie\Glide\GlideImageFacade::class,
    'UploadImage' => Dan\UploadImage\UploadImageFacade::class,
]
```

Enter next command to a terminal:

```
php artisan vendor:publish --provider="Dan\UploadImage\UploadImageServiceProvider"

```

Will be copied two files:

config/upload-image.php - this is settings for UploadImage package

resources/assets/js/upload\_image\_preview.js - you should include this file to elixir/mix:

Open file webpack.mix.js and add upload\_image\_preview.js to the array. For example:

```
mix.sass('resources/assets/sass/app.scss', 'public/css/app.css').version();

mix.js(['resources/assets/js/app.js', 'resources/assets/js/upload_image_preview.js'],
    'public/js/all.js').version();
```

After execute command in terminal (for production):

```
npm run production

```

For Controller where you want use UploadImage add namespace Facade:

```
use UploadImage;
```

If you want see preview image after selected image in the file input field then wrap your file input field in the next code:

```

     {!! Form::file('image', ['class' => 'image-preview-input']) !!}

```

You can use next methods:
-------------------------

[](#you-can-use-next-methods)

**Upload you image to disk from file form:**

```
/**
 * Upload image to disk.
 *
 * @param $file object instance image or image string
 * @param $contentName string content name (use for create and named folder)
 * @param bool $watermark bool watermark status (by default = false)
 * @param bool $video if true then add watermark with video player image to an image
 * @param bool $thumbnails create thumbnails for original image
 *
 * @return object image
 * @throws UploadImageException
 */
UploadImage::upload($file, $contentName, $watermark = false, $video = false, $thumbnails = false)
```

For example: Add to your controller

```
use UploadImage;
use Dan\UploadImage\Exceptions\UploadImageException;

```

```
$file = $request->file('image');

$video = $rubric->name == 'Video' ? true : false;
$watermark = true;
$thumbnail = true;

// Upload and save image.
try {
    // Upload and save image.
    $input['image'] = UploadImage::upload($file, 'post', $watermark, $video, $thumbnail)->getImageName();
} catch (UploadImageException $e) {

    return back()->withInput()->withErrors(['image', $e->getMessage()]);
}
```

### Delete your image from disk:

[](#delete-your-image-from-disk)

```
/**
 * Delete image from disk.
 *
 * @param $imageName string image name or array with images
 * @param $contentName string content name (use for folder and name)
 *
 */
UploadImage::delete($imageName, $contentName);
```

For example:

```
// Delete old image.
UploadImage::delete($post->image, 'post');
```

### Delete your image from body text:

[](#delete-your-image-from-body-text)

```
/**
 * Delete body images from disk.
 *
 * @param $textBody string with text where there images
 *
 */
UploadImage::deleteBody($textBody);
```

For example:

```
// Delete all images from post body (added in editor).
UploadImage::deleteBody($post->body);
```

### Load your image from disk:

[](#load-your-image-from-disk)

```
/**
 * Create path to image.
 *
 * @param $contentName string content name (use for folder and name)
 * @param null $size integer width for image (use one of thumbnail array)
 *
 * @return mixed
 */
UploadImage::load($contentName, $size = null);
```

For example:

```
// Give all data to template.
return view('posts.index', [
    'posts' => $posts,
    'path' => UploadImage::load('post')
]);
```

### Get preview image in Base64 format:

[](#get-preview-image-in-base64-format)

```
/**
 * Preview image for form.
 *
 * @param $file object instance image
 * @param $contentName string content name (use for folder and name)
 *
 * @return array new image stream Base64
 */
UploadImage::preview($file, $contentName);
```

For example:

```
// Get image preview.
$image_url = UploadImage::preview($file, 'collage_image');
```

You can use next routes:
------------------------

[](#you-can-use-next-routes)

```
// Save image from WYSIWYG editor.
ajax/uploader/upload

// Delete image from WYSIWYG editor.
ajax/uploader/delete

// Create preview image for form (use wraper, see above).
ajax/uploader/preview

```

For example:

```
// Upload files on the server and get url images.
function uploadFile(filesForm) {
    data = new FormData();

    // Add all files from form to array.
    for (var i = 0; i