Giter VIP home page Giter VIP logo

ionicthemes / ionic3-image-handling Goto Github PK

View Code? Open in Web Editor NEW
35.0 4.0 19.0 2.05 MB

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.

Home Page: https://ionicthemes.com/tutorials/about/ionic-2-image-handling

TypeScript 41.18% HTML 19.94% CSS 31.01% JavaScript 7.87%
ionic ionic3 ionic2 imagecrop image-manipulation angular4 angularjs ionic-tutorial image-cropper image-gallery

ionic3-image-handling's Introduction

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

Installation

Install dependencies

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

ionic cordova platform add android
ionic cordova run android

ionic3-image-handling's People

Contributors

djabif avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

ionic3-image-handling's Issues

Error during processing of action! Attempting to revert... Failed to install 'cordova-plugin-image-picker': CordovaError: Uh oh!

why we suppose to use 2 cordova image picker plugins in this image handling ?
I am getting the following error when I build the android platform.
Please help me where will be the error

This is the installation cmd script ๐Ÿ‘
Installing "cordova-plugin-device" for android

Adding cordova-plugin-device to package.json
Saved plugin info for "cordova-plugin-device" to config.xml

Discovered plugin "cordova-plugin-image-picker" in config.xml. Adding it to the
project

Installing "cordova-plugin-image-picker" for android

Error during processing of action! Attempting to revert...

Failed to install 'cordova-plugin-image-picker': CordovaError: Uh oh!
"C:\Users\subhani\Downloads\ionic3-image-handling-master\ionic3-image-handling-m
aster\platforms\android\src\com\synconset\ImagePicker.java" already exists!
at copyNewFile (C:\Users\subhani\Downloads\ionic3-image-handling-master\ioni
c3-image-handling-master\platforms\android\cordova\lib\pluginHandlers.js:245:45)

at install (C:\Users\subhani\Downloads\ionic3-image-handling-master\ionic3-i

mage-handling-master\platforms\android\cordova\lib\pluginHandlers.js:43:17)
at Object.process (C:\Users\subhani\Downloads\ionic3-image-handling-master\i
onic3-image-handling-master\platforms\android\cordova\node_modules\cordova-commo
n\src\ActionStack.js:56:25)
at PluginManager.doOperation (C:\Users\subhani\Downloads\ionic3-image-handli
ng-master\ionic3-image-handling-master\platforms\android\cordova\node_modules\co
rdova-common\src\PluginManager.js:114:20)
at PluginManager.addPlugin (C:\Users\subhani\Downloads\ionic3-image-handling
-master\ionic3-image-handling-master\platforms\android\cordova\node_modules\cord
ova-common\src\PluginManager.js:144:17)
at C:\Users\subhani\Downloads\ionic3-image-handling-master\ionic3-image-hand
ling-master\platforms\android\cordova\Api.js:243:74
at _fulfilled (C:\Users\subhani\Downloads\ionic3-image-handling-master\ionic
3-image-handling-master\platforms\android\cordova\node_modules\q\q.js:854:54)
at self.promiseDispatch.done (C:\Users\subhani\Downloads\ionic3-image-handli
ng-master\ionic3-image-handling-master\platforms\android\cordova\node_modules\q
q.js:883:30)
at Promise.promise.promiseDispatch (C:\Users\subhani\Downloads\ionic3-image-
handling-master\ionic3-image-handling-master\platforms\android\cordova\node_modu
les\q\q.js:816:13)
at C:\Users\subhani\Downloads\ionic3-image-handling-master\ionic3-image-hand
ling-master\platforms\android\cordova\node_modules\q\q.js:570:49

Failed to restore plugin "cordova-plugin-image-picker" from config.xml. You migh
t need to try adding it again. Error: Uh oh!
"C:\Users\subhani\Downloads\ionic3-image-handling-master\ionic3-image-handling-m
aster\platforms\android\src\com\synconset\ImagePicker.java" already exists!
Discovered plugin "cordova-plugin-splashscreen" in config.xml. Adding it to the
project
Installing "cordova-plugin-splashscreen" for android

Adding cordova-plugin-splashscreen to package.json
Saved plugin info for "cordova-plugin-splashscreen" to config.xml
Discovered plugin "cordova-plugin-statusbar" in config.xml. Adding it to the pro
ject
Installing "cordova-plugin-statusbar" for android

Adding cordova-plugin-statusbar to package.json
Saved plugin info for "cordova-plugin-statusbar" to config.xml

Discovered plugin "cordova-plugin-whitelist" in config.xml. Adding it to the pro
ject
Installing "cordova-plugin-whitelist" for android

           This plugin is only applicable for versions of cordova-android gr

eater than 4.0. If you have a previous platform version, you do not need this
plugin since the whitelist will be built in.

Adding cordova-plugin-whitelist to package.json

Saved plugin info for "cordova-plugin-whitelist" to config.xml
Discovered plugin "ionic-plugin-keyboard" in config.xml. Adding it to the projec
t

Installing "ionic-plugin-keyboard" for android

Adding ionic-plugin-keyboard to package.json

Saved plugin info for "ionic-plugin-keyboard" to config.xml

--save flag or autosave detected

Saving android@~6.3.0 into config.xml file ...
[ERROR] Exception:

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.