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 

相关文章： 相册网站制作软件,图片上的网址怎么复制？  如何通过山东自助建站平台快速注册域名？  名字制作网站免费,所有小说网站的名字？  如何挑选高效建站主机与优质域名？  如何使用Golang安装API文档生成工具_快速生成接口文档  如何注册花生壳免费域名并搭建个人网站？  如何用PHP快速搭建CMS系统？  建站主机选购指南与交易推荐：核心配置解析  建站10G流量真的够用吗？如何应对访问高峰？  seo网站制作优化,网站SEO优化步骤有哪些？  北京营销型网站制作公司,可以用python做一个营销推广网站吗？  如何快速辨别茅台真假？关键步骤解析  红河网站制作公司,红河事业单位身份证如何上传？  建站主机选购指南：核心配置优化与品牌推荐方案  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  如何制作一个表白网站视频,关于勇敢表白的小标题？  建站为何优先选择香港服务器？  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息？  如何用虚拟主机快速搭建网站？详细步骤解析  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  网站制作免费,什么网站能看正片电影？  网站制作新手教程,新手建设一个网站需要注意些什么？  c# Task.Yield 的作用是什么 它和Task.Delay(1)有区别吗  ,网站推广常用方法？  建站之星图片链接生成指南：自助建站与智能设计教程  电商网站制作公司有哪些,1688网是什么意思？  IOS倒计时设置UIButton标题title的抖动问题  建站主机解析：虚拟主机配置与服务器选择指南  一键制作网站软件下载安装,一键自动采集网页文档制作步骤？  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  已有域名和空间如何搭建网站？    淘宝制作网站有哪些,淘宝网官网主页？  制作旅游网站html,怎样注册旅游网站？  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  北京网站制作网页,网站升级改版需要多久？  建设网站制作价格,怎样建立自己的公司网站？  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  孙琪峥织梦建站教程如何优化数据库安全？  成都品牌网站制作公司,成都营业执照年报网上怎么办理？  如何通过服务器快速搭建网站？完整步骤解析  建站之星安装路径如何正确选择及配置？  制作网站外包平台,自动化接单网站有哪些？  如何通过远程VPS快速搭建个人网站？  制作网站的模板软件,网站怎么建设？  定制建站模板如何实现SEO优化与智能系统配置？18字教程  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  制作假网页,招聘网的薪资待遇，会有靠谱的吗？一面试又各种折扣？  如何快速生成高效建站系统源代码？  济南网站建设制作公司,室内设计网站一般都有哪些功能？