https://github.com/ionicthemes/ionic3-image-handling

In this ionic tutorial you will learn how to access the image gallery and take pictures from an ionic app. Also we will show you how to add a image cropper. This ionic tutorial includes a working ionic app example you can reuse for your needs.
https://github.com/ionicthemes/ionic3-image-handling

angular4 angularjs image-cropper image-gallery image-manipulation imagecrop ionic ionic-apps ionic-framework ionic-tutorial ionic2 ionic2-examples ionic3

Last synced: 5 months ago
JSON representation

In this ionic tutorial you will learn how to access the image gallery and take pictures from an ionic app. Also we will show you how to add a image cropper. This ionic tutorial includes a working ionic app example you can reuse for your needs.

• Host: GitHub
• URL: https://github.com/ionicthemes/ionic3-image-handling
• Owner: ionicthemes
• Created: 2017-08-16T15:50:02.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-09-15T21:37:06.000Z (over 7 years ago)
• Last Synced: 2024-07-12T12:38:07.231Z (9 months ago)
• Topics: angular4, angularjs, image-cropper, image-gallery, image-manipulation, imagecrop, ionic, ionic-apps, ionic-framework, ionic-tutorial, ionic2, ionic2-examples, ionic3
• Language: TypeScript
• Homepage: https://ionicthemes.com/tutorials/about/ionic-2-image-handling
• Size: 2 MB
• Stars: 35
• Watchers: 4
• Forks: 19
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
This repository is part of an ionic tutorial that explains how to access the image gallery and take pictures from an ionic app. Also we will show you how to add an image cropper. This ionic tutorial includes a working example you can reuse for your needs!

Check the complete step by step tutorial in: https://ionicthemes.com/tutorials/about/ionic-2-image-handling

![](https://s3-us-west-2.amazonaws.com/ionicthemes/tutorials/screenshots/ionic-2-image-handling/1.png?v=1)

![](https://s3-us-west-2.amazonaws.com/ionicthemes/tutorials/screenshots/ionic-2-image-handling/2.png?v=1)

![](https://s3-us-west-2.amazonaws.com/ionicthemes/tutorials/screenshots/ionic-2-image-handling/3.png?v=1)

## Installation

Install  dependencies

```sh

npm install

```

## Run the ionic app

The plugins required in this app use cordova, so it will not work in the browser. You need to try it on a real device or on an emulator

```sh

ionic cordova platform add android

ionic cordova run android

```