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/

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Ionic  # Native  # Camera  # Ionic2开发环境搭建教程  # Ionic3 UI组件之Gallery Modal详解  # ionic实现滑动的三种方式  # ionic实现可滑动的tab选项卡切换效果  # Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析  # ionic组件ion-tabs选项卡切换效果实例  # url重写IIRF(Ionic''s Isapi Rewrite Filter)手册  # 这一步  # 自己的  # 都是  # 言外之意  # 不需要  # 升级到  # 经历过  # 最新版本  # 如何使用  # 图中  # 官网  # 大家多多  # 过程中  # 完成后  # 如何在  # 是基于  # 在实际  # 在每一个  # save 

相关文章： 如何选择高效响应式自助建站源码系统？  建站之星ASP如何实现CMS高效搭建与安全管理？  利用JavaScript实现拖拽改变元素大小  SQL查询语句优化的实用方法总结  香港服务器租用费用高吗？如何避免常见误区？  济南企业网站制作公司,济南社保单位网上缴费步骤？  如何设置并定期更换建站之星安全管理员密码？  宿州网站制作公司兴策,安徽省低保查询网站？  网站制作员失业,怎样查看自己网站的注册者？  建站主机服务器选型指南与性能优化方案解析  Python lxml的etree和ElementTree有什么区别  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  北京网站制作公司哪家好一点,北京租房网站有哪些？  如何在局域网内绑定自建网站域名？  ui设计制作网站有哪些,手机UI设计网址吗？  制作网站建设的公司有哪些,网站建设比较好的公司都有哪些？  如何选择网络建站服务器？高效建站必看指南  如何通过PHP快速构建高效问答网站功能？  如何做网站制作流程,*游戏网站怎么搭建？  如何用AWS免费套餐快速搭建高效网站？  javascript基本数据类型及类型检测常用方法小结  学校建站服务器如何选型才能满足性能需求？  MySQL查询结果复制到新表的方法(更新、插入)  建站之星如何开启自定义404页面避免用户流失？  大型企业网站制作流程,做网站需要注册公司吗？  如何在Windows 2008云服务器安全搭建网站？  javascript中对象的定义、使用以及对象和原型链操作小结  湖南网站制作公司,湖南上善若水科技有限公司做什么的？  济南网站制作的价格,历城一职专官方网站？  建站主机核心功能解析：服务器选择与网站搭建流程指南  如何自定义建站之星网站的导航菜单样式？  如何快速生成专业多端适配建站电话？  c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】  c++ stringstream用法详解_c++字符串与数字转换利器  制作公司内部网站有哪些,内网如何建网站？  如何在IIS中新建站点并解决端口绑定冲突？  企业微网站怎么做,公司网站和公众号有什么区别？  如何选择高效稳定的ISP建站解决方案？  阿里云网站制作公司,阿里云快速搭建网站好用吗？  韩国服务器如何优化跨境访问实现高效连接？  测试制作网站有哪些,测试性取向的权威测试或者网站？  如何使用Golang安装API文档生成工具_快速生成接口文档  临沂网站制作企业,临沂第三中学官方网站？  建站之星如何实现网站加密操作？  电视网站制作tvbox接口,云海电视怎样自定义添加电视源？  如何通过主机屋免费建站教程十分钟搭建网站？  如何在建站之星网店版论坛获取技术支持？  如何做静态网页,sublimetext3.0制作静态网页？  建站之星24小时客服电话如何获取？  网站制作网站,深圳做网站哪家比较好？