Ionic項目中如何使用Native Camera

本文介紹如何在ionic項目中使用設備的camera。

Ionic版本：v3.2.0 / 2017-05-10 / MIT Licensed / Release Notes

 =============================================================================

1）第一步是安裝ionic-native/core。全部用到Native的功能，這一步不能省。npm install @ionic-native/core --save

ps：關於第一步，官方的說明是ionic-native/core是默認就包含在每個Ionic應用裏面的，注意下圖中的紅色矩形文字。

言外之意若是開發環境都是最新版本，期間也沒有經歷Ionic版本的升級，是能夠忽略這一步的，不須要開發者手動安裝。

可是，在實際開發過程當中，不少時候可能會遇到下面這樣的問題：

緣由無非仍是由於升級。。。升級。。。升級。個人項目建立是基於Ionic v2.2.2版本。可是期間經歷過Ionic官方升級到v3.2.0版本。

因此解決的辦法就是：

 

2）其次是給本身的項目添加cordova插件。ionic cordova plugin add cordova-plugin-camera

3）安裝相應的node_moudles。npm install --save @ionic-native/camera

4）找到代碼src->app下的app.moudle.ts文件， Add this plugin to your app's module。這一步能夠放到最後作，可是必定不要忘。

5）其餘就是添加你如何使用Camera的代碼。

6）編碼工做完成後，就是使用Chrome測試cordova插件了。

ionic cordova platform add browser

ionic cordova run browser

 不是直接ionic serve的緣由參見：http://www.cnblogs.com/crazyprogrammer/p/6878981.html

注意Chrome阻止網頁使用攝像頭的時候，記得修改成容許。

 

 

參考：

　　Ionic官網：http://ionicframework.com/docs/native/camera/