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 

相关文章： 高防服务器如何保障网站安全无虞？  如何选择网络建站服务器？高效建站必看指南  中山网站推广排名,中山信息港登录入口？  网站制作大概多少钱一个,做一个平台网站大概多少钱？  如何用AWS免费套餐快速搭建高效网站？  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  建站之星上传入口如何快速找到？  c# 服务器GC和工作站GC的区别和设置  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf？  制作网站的网址是什么,请问后缀为.com和.com.cn还有.cn的这三种网站是分别是什么类型的网站？  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  网站app免费制作软件,能免费看各大网站视频的手机app？  重庆网站制作公司哪家好,重庆中考招生办官方网站？  如何在服务器上三步完成建站并提升流量？  b2c电商网站制作流程,b2c水平综合的电商平台？  制作网站的公司有哪些,做一个公司网站要多少钱？  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  如何在Golang中使用replace替换模块_指定本地或远程路径  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  如何在云主机快速搭建网站站点？  建站主机系统SEO优化与智能配置核心关键词操作指南  如何在Windows环境下新建FTP站点并设置权限？  企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？  孙琪峥织梦建站教程如何优化数据库安全？  平台云上自助建站如何快速打造专业网站？  如何通过万网虚拟主机快速搭建网站？  制作网站怎么制作,*游戏网站怎么搭建？  香港服务器建站指南：免备案优势与SEO优化技巧全解析  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  建站主机空间推荐 高性价比配置与快速部署方案解析  如何解决VPS建站LNMP环境配置常见问题？  建站之星后台管理如何实现高效配置？  单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？  专业网站建设制作报价,网页设计制作要考什么证？  建站之星如何保障用户数据免受黑客入侵？  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  个人网站制作流程图片大全,个人网站如何注销？  定制建站策划方案_专业建站与网站建设方案一站式指南  网站制作公司广州有几家,广州尚艺美发学校网站是多少？  建站之星后台密码遗忘如何找回？  音响网站制作视频教程,隆霸音响官方网站？  如何在腾讯云免费申请建站？  如何在阿里云虚拟服务器快速搭建网站？  海南网站制作公司有哪些,海口网是哪家的？  建站主机选购指南：核心配置优化与品牌推荐方案  商务网站制作工程师,从哪几个方面把握电子商务网站主页和页面的特色设计？  建站之星手机一键生成：多端自适应+小程序开发快速建站指南  北京网站制作网页,网站升级改版需要多久？  高端网站建设与定制开发一站式解决方案 中企动力  南京做网站制作公司,南京哈发网络有限公司，公司怎么样，做网页美工DIV+CSS待遇怎么样？