温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

怎么在Ionic项目中使用Native Camera方法

发布时间:2021-03-11 15:55:48 来源:亿速云 阅读:344 作者:Leah 栏目:web开发

怎么在Ionic项目中使用Native Camera方法?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

1)第一步是安装ionic-native/core。所有用到Native的功能,这一步不能省。npm install @ionic-native/core --save

ps:关于第一步,官方的说明是ionic-native/core是默认就包含在每一个Ionic应用里面的,注意下图中的红色矩形文字。

言外之意如果开发环境都是最新版本,期间也没有经历Ionic版本的升级,是可以忽略这一步的,不需要开发者手动安装。

怎么在Ionic项目中使用Native Camera方法

但是,在实际开发过程中,很多时候可能会遇到下面这样的问题:

怎么在Ionic项目中使用Native Camera方法

原因无非还是因为升级。。。升级。。。升级。我的项目创建是基于Ionic v2.2.2版本。但是期间经历过Ionic官方升级到v3.2.0版本。

所以解决的办法就是:

怎么在Ionic项目中使用Native Camera方法

2)其次是给自己的项目添加cordova插件。ionic cordova plugin add cordova-plugin-camera

怎么在Ionic项目中使用Native Camera方法

3)安装相应的node_moudles。npm install --save @ionic-native/camera

4)找到代码src->app下的app.moudle.ts文件, Add this plugin to your app's module。这一步可以放到最后做,但是一定不要忘。

怎么在Ionic项目中使用Native Camera方法

5)其他就是添加你如何使用Camera的代码。

怎么在Ionic项目中使用Native Camera方法

怎么在Ionic项目中使用Native 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项目中使用Native Camera方法

怎么在Ionic项目中使用Native Camera方法

看完上述内容,你们掌握怎么在Ionic项目中使用Native Camera方法的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注亿速云行业资讯频道,感谢各位的阅读!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI