# Image cropping for android and IOS?

**URL:** <https://forum.ionicframework.com/t/image-cropping-for-android-and-ios/27817>\
**Category:** uncategorized\
**Created:** [July 7, 2015, 4:18am UTC](https://forum.ionicframework.com/t/image-cropping-for-android-and-ios/27817 "2015-07-07T04:18:30Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![CTucker1327](https://avatars.discourse-cdn.com/v4/letter/c/8e7dd6/32.png) [@CTucker1327](https://forum.ionicframework.com/u/CTucker1327)\
**Post date:** [July 7, 2015, 4:18am UTC](https://forum.ionicframework.com/t/image-cropping-for-android-and-ios/27817/1 "2015-07-07T04:18:30Z")

</div>

We’re only missing some polishing elements for our application, and one of them happens to be cropping images before sending them to the server. Currently images are uncropped and completely destroy the layout and design of the application on our users profile pages. Some images taken by beta testers were actually so large the application crashed from shere size. (Yes, you, 40MP camera users)

There’s tons of options laying around, but also tons of complains saying it’s not working or there’s issues. Unfortunately I’m not a JavaScript developer and I’ve only done enough with it to know basic button events and AJAX calls. Fortunately, that’s all our application has needed.

Here’s a list of things I’ve seen:

- [https://github.com/JrSchild/jr-crop](https://github.com/JrSchild/jr-crop) - Complaints about not working on android, installation instructions are limited / cannot be found. There’s no documentation and the read-me is poorly done and non professional. (From a plugin/api standpoint)
- [http://ngmodules.org/modules/cropme](http://ngmodules.org/modules/cropme) - Numerous complaints about getting it to work with android/ios to be a major hassle. Seems overcomplicated to use. HTML based crop container makes me question if the crop can be executed on a dataURI via JavaScript
- [https://www.npmjs.com/package/ng-img-crop](https://www.npmjs.com/package/ng-img-crop) - Adding the module causes the application to not start. (White screen) no errors.(Read this is due to a faulty dependency/module)

---

<div class="post-metadata">

**Author:** ![yurinondual](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/yurinondual/32/92490_2.png) [@yurinondual](https://forum.ionicframework.com/u/yurinondual)\
**Post date:** [July 7, 2015, 8:56am UTC](https://forum.ionicframework.com/t/image-cropping-for-android-and-ios/27817/2 "2015-07-07T08:56:29Z")

</div>

I am successfully using ngImgCrop on both android and ios

---

<div class="post-metadata">

**Author:** ![jonmikelm](https://avatars.discourse-cdn.com/v4/letter/j/c2a13f/32.png) [@jonmikelm](https://forum.ionicframework.com/u/jonmikelm)\
**Post date:** [July 7, 2015, 9:02am UTC](https://forum.ionicframework.com/t/image-cropping-for-android-and-ios/27817/3 "2015-07-07T09:02:29Z")

</div>

Hi,

We are using a fork of the last one.

> **[iblank/ngImgCrop](https://github.com/iblank/ngImgCrop/)**
>
> ngImgCrop - Image Crop directive for AngularJS

It includes the aspect ratio functionality. It’s a bit slow in old devices but we haven’t found anything better that works across different platforms & OS versions.

---

<div class="post-metadata">

**Author:** ![CTucker1327](https://avatars.discourse-cdn.com/v4/letter/c/8e7dd6/32.png) [@CTucker1327](https://forum.ionicframework.com/u/CTucker1327)\
**Post date:** [July 8, 2015, 4:46am UTC](https://forum.ionicframework.com/t/image-cropping-for-android-and-ios/27817/4 "2015-07-08T04:46:15Z")

</div>

Does not work with the latest version of ionic? Having the same issue as the original repository. Application refuses to load after dependency injection. No errors are displayed. Installation performed correctly (According to docs). Installed using bower as per ReadME (Attempted manual download as-well, same results). Only additional plugin is ngCordova.

---

<div class="post-metadata">

**Author:** ![jonmikelm](https://avatars.discourse-cdn.com/v4/letter/j/c2a13f/32.png) [@jonmikelm](https://forum.ionicframework.com/u/jonmikelm)\
**Post date:** [July 8, 2015, 7:30am UTC](https://forum.ionicframework.com/t/image-cropping-for-android-and-ios/27817/5 "2015-07-08T07:30:50Z")

</div>

We are using it in an Ionic 1.0.0 app, but I think your problem has nothing to do with the ionic version you are using.

Have you tried it in a simple angular web app? It should work the same way.

---

<div class="post-metadata">

**Author:** ![CTucker1327](https://avatars.discourse-cdn.com/v4/letter/c/8e7dd6/32.png) [@CTucker1327](https://forum.ionicframework.com/u/CTucker1327)\
**Post date:** [July 8, 2015, 9:00am UTC](https://forum.ionicframework.com/t/image-cropping-for-android-and-ios/27817/6 "2015-07-08T09:00:56Z")

</div>

I ended up writing my own crop tool over the last few hours, and I’ve tested it on the iOS and android devices I have here. Also works in the emulator like a charm. I’ll probably read up on modules and create one for the people having problems. I enjoy maintaining things on github anyhow.

Thanks for your response!

---

<div class="post-metadata">

**Author:** ![bengtler](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/bengtler/32/98565_2.png) [@bengtler](https://forum.ionicframework.com/u/bengtler)\
**Post date:** [July 8, 2015, 9:27am UTC](https://forum.ionicframework.com/t/image-cropping-for-android-and-ios/27817/7 "2015-07-08T09:27:00Z")

</div>

But i have to say i am using ngImgCrop also on android and ios with no problems.

---

<div class="post-metadata">

**Author:** ![leob](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/leob/32/14245_2.png) [@leob](https://forum.ionicframework.com/u/leob)\
**Post date:** [September 10, 2015, 11:25am UTC](https://forum.ionicframework.com/t/image-cropping-for-android-and-ios/27817/8 "2015-09-10T11:25:55Z")

</div>

Me too, ngImgCrop works perfectly for me (tested on Android, not yet on iOS). Simple to use and an excellent UI.

I’m using this fork: [https://github.com/iblank/ngImgCrop](https://github.com/iblank/ngImgCrop)  
because it allows me to have a non-square cropping area (rectangle instead of just a square).
