您的位置：首页 > 其它

[转]VS2015 cordova尝试-camera

2015-11-24 18:21 405 查看

本文转自：/article/2471474.html

1. 确保环境正常，如出现错误，安下载android sdk 相关版本，我在这上面也折腾了几天。

2.创建一个默认cordova 工程，并添加相关插件，在工程目录里打开config.xml 会打开配置界面，可选择camera插件，选安装即可。

3.调用

注：不能在html中设置事件调用

打开 www\index.html,做个界面的DEMO

<body> <p>Hello，你的应用程序已准备就绪!</p>

 <script src="cordova.js"></script> <script src="scripts/platformOverrides.js"></script>

<script src="scripts/index.js"></script> //下面二行是示例用的，其他是模板自带，不需要调整, 不能直接控件事件调用 < onclick=""> <input type="button" value="调用相机" id="btntakeCamera"/> <img id="takeImg" width="200" height="200" /> </body>

增加JS 调用，这里就直接修改index.js 了

[javascript] view plain copy print ?

document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() {

document.getElementById("btntakeCamera").onclick = takeCamera;

alert("设备初始化正常");

}

function takeCamera() {

navigator.camera.getPicture(onSuccess, onFail, {

quality: 50,

destinationType: Camera.DestinationType.DATA_URL,

encodingType: Camera.EncodingType.JPEG,

targetWidth: 100,

targetHeight: 100,

});

}

function onSuccess(imageData) {

var image = document.getElementById('takeImg');

image.src = "data:image/jpeg;base64," + imageData;

}

function onFail(message) {

alert('Failed because: ' + message);

}

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
document.getElementById("btntakeCamera").onclick = takeCamera;
alert("设备初始化正常");
}
function takeCamera() {
navigator.camera.getPicture(onSuccess, onFail, {
quality: 50,
destinationType: Camera.DestinationType.DATA_URL,
encodingType: Camera.EncodingType.JPEG,
targetWidth: 100,
targetHeight: 100,
});
}
function onSuccess(imageData) {
var image = document.getElementById('takeImg');
image.src = "data:image/jpeg;base64," + imageData;
}

function onFail(message) {
alert('Failed because: ' + message);
}

camera 的具体参数在 plugins\cordova-plugin-camera \doc\zh\index.md 有详细介绍，繁体的帮助，大家应该都能看懂的。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航