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/
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了javascript中加号(+)操作符的一些神奇作用,真的很神奇,例如加号可以转换数据类型，可以把日期转成整数等,需要的朋友可以参考下2014-06-06
这篇文章给大家结束了通过js实现抖动效果，非常不错，具有参考借鉴价值，感兴趣的朋友参考下吧2017-06-06
这篇文章主要介绍了JavaScript组合模式,结合具体案例形式分析了JavaScript组合模式定义、应用与相关操作注意事项,需要的朋友可以参考下2020-05-05
本篇文章主要是对JS中设置readOnly值的方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要为大家详细介绍了JavaScript实现table切换的插件封装，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
下面小编就为大家带来一篇Highcharts 多个Y轴动态刷新数据的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
javascript和其他编程语言相比比较随意，所以javascript代码中充满各种奇葩的写法，有时雾里看花，当然，能理解各型各色的写法也是对javascript语言特性更进一步的深入理解。这篇文章主要给大家介绍了关于JavaScript中立即执行函数的相关资料，需要的朋友可以参考下。2017-11-11
这篇文章主要介绍了mapboxgl实现带箭头轨迹线的代码,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-01-01
在 JavaScript 编程中，将数组转换为树结构是一个常见的需求。本篇博客将介绍五种常用的方法来实现数组转树结构，希望对大家有所帮助2023-03-03
下面小编就为大家带来一篇基于Require.js使用方法(总结)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
最新评论