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

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

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

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

言外之意如果開發(fā)環(huán)境都是最新版本，期間也沒有經(jīng)歷Ionic版本的升級，是可以忽略這一步的，不需要開發(fā)者手動安裝。

但是，在實際開發(fā)過程中，很多時候可能會遇到下面這樣的問題：

原因無非還是因為升級。。。升級。。。升級。我的項目創(chuàng)建是基于Ionic v2.2.2版本。但是期間經(jīng)歷過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阻止網(wǎng)頁使用攝像頭的時候，記得修改為允許。

參考：

Ionic官網(wǎng)：http://ionicframework.com/docs/native/camera/

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

最新評論