[转]VS2015 cordova尝试-camera

最新推荐文章于 2024-05-05 13:47:51 发布

weixin_30575309

最新推荐文章于 2024-05-05 13:47:51 发布

阅读量42

点赞数

文章标签：移动开发 javascript ViewUI

原文链接：http://www.cnblogs.com/freeliver54/p/4992473.html

版权

本文转自：http://blog.csdn.net/greystar/article/details/47973837

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>

增加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 有详细介绍，繁体的帮助，大家应该都能看懂的。

转载于:https://www.cnblogs.com/freeliver54/p/4992473.html

weixin_30575309

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
[转]VS2015 cordova尝试-camera

本文转自：http://blog.csdn.net/greystar/article/details/479738371. 确保环境正常，如出现错误，安下载android sdk 相关版本，我在这上面也折腾了几天。2.创建一个默认cordova 工程，并添加相关插件，在工程目录里打开config.xml 会打开配置界面，可选择camera插件，选安装即可。...
复制链接

扫一扫