Building apps at a large company? Check out Ionic Enterprise

Image Resizer

Improve this doc

Cordova Plugin For Image Resize

Repo: https://github.com/JoschkaSchulz/cordova-plugin-image-resizer

Installation

  1. Install the Cordova and Ionic Native plugins:
    $ ionic cordova plugin add info.protonet.imageresizer
    $ npm install --save @ionic-native/image-resizer
    
  2. Add this plugin to your app's module

Supported platforms

Usage

import { ImageResizer, ImageResizerOptions } from '@ionic-native/image-resizer';

constructor(private imageResizer: ImageResizer) { }

...

let options = {
 uri: uri,
 folderName: 'Protonet',
 quality: 90,
 width: 1280,
 height: 1280
} as ImageResizerOptions;

this.imageResizer
  .resize(options)
  .then((filePath: string) => console.log('FilePath', filePath))
  .catch(e => console.log(e));

Instance Members

resize()

Returns: Promise<any>

ImageResizerOptions

Param Type Details
uri string

The URI for the image on the device to get scaled

width number

The width of the new image

height number

The height of the new image

folderName string

The name of the folder the image should be put (Android only)

(optional)
quality number

Quality given as Number for the quality of the new image (Android and iOS only)

(optional)
fileName string

A custom name for the file. Default name is a timestamp (Android and Windows only)

(optional)

API

Native

General