cordova入门教程(二)插件的集成和使用

使用cordova开发App的时候,要使用手机硬件或访问原生API就要添加cordova插件。

添加插件

你可以添加cordova的插件也可以通过下面的命令行搜索npm上的插件

cordova plugin search camera

回车后,跳转到下面的页面


cordova插件搜索页.png

选择好插件后,通过下面命令行添加插件

cordova plugin add cordova-plugin-camera

提示成功后,你就可以使用该插件了,至于在前端js中如何使用插件要看插件的api文档说明,下面列出codova本身提供的插件。

使用插件

上面我们添加了cordova-plugin-camera以后,再js中我们就可以通过以下代码拍照啦

navigator.camera.getPicture(onSuccess, onFail, { quality: 50,
    destinationType: Camera.DestinationType.FILE_URI });//第三个参数可以对拍照后返回的图片进行配置

function onSuccess(imageURI) {//成功回调
    var image = document.getElementById('myImage');
    image.src = imageURI;
}

function onFail(message) {//失败回调
    alert('Failed because: ' + message);
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 介绍splashScreen插件和启动图片的替换 splashscreen插件的地址http://cordova....
    changlinwang阅读 462评论 0 0
  • 1:如何在Cordoval加载远程的URL网址 在Config.xml配置文件时增加下面两个,便可以打开URL的H...
    XLsn0w阅读 3,821评论 4 2
  • 写在前面(2017-11-03):现在在做Python研发,cordova早已忘却,尤其是技术细节,大家问我我也不...
    DoraLvor阅读 19,964评论 8 11
  • 听说现下流行一个话题,别人的什么细节给你留下深刻的印象,我也来献一杯羹。我想起了《细节决定成败》《细节决定成败合集...
    介愚阅读 500评论 0 1
  • 今天下午没忍住喝了一罐可乐,所以没有晚饭吃…干脆趁这个时间写两个童年时的美食吧。 鸡蛋灌饼 刚刚去看了一下,百度百...
    VictorCheng阅读 820评论 1 0