作者:Grey

原文地址: http://www.cnblogs.com/greyzeng/p/5559927.html

 
 

   
 

 
 

Ionic2提供了访问本地设备的方法,但是需要安装Cordova依赖,我们以调用摄像头拍照为例来说明:

  • 进入项目目录:cd MyFirstApp
  • npm install ionic-native –save
  • 增加调用Camera的插件:ionic plugin add cordova-plugin-carmera
  • 在Home.html中,增加如下代码:

    Ionic2学习笔记(9):访问本地设备-LMLPHP

    点击button,调出摄像头:

    在app/pages/home/home.ts中:

    Ionic2学习笔记(9):访问本地设备-LMLPHP

  • 运行,注:这个效果一定要在真机/模拟器上运行,在Chrome上无法模拟Camera的调用

    ionic run android

    Ionic2学习笔记(9):访问本地设备-LMLPHP

    点击Click

    Ionic2学习笔记(9):访问本地设备-LMLPHP

    点击拍照按钮:

    Ionic2学习笔记(9):访问本地设备-LMLPHP

    点击√

    Ionic2学习笔记(9):访问本地设备-LMLPHP

 
 

更多:Using cordova-camera plugin in your Ionic 2 Apps

 
 

   
 

 
 

------

上一篇:Ionic2学习笔记(8):Local Storage& SQLite

上一篇:Ionic2学习笔记(10):扫描二维码

05-04 08:02