美文网首页
cordova入门教程(二)插件的集成和使用

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

作者: 我是午饭 | 来源:发表于2016-08-05 15:34 被阅读905次

使用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);
}

相关文章

网友评论

      本文标题:cordova入门教程(二)插件的集成和使用

      本文链接:https://www.haomeiwen.com/subject/euncsttx.html