本文转自：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>

<!-- Cordova 引用，它在生成应用程序时添加到其中。 -->     <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  了

  1. document.addEventListener("deviceready", onDeviceReady, false);
  2. function onDeviceReady() {
  3. document.getElementById("btntakeCamera").onclick = takeCamera;
  4. alert("设备初始化正常");
  5. }
  6. function takeCamera() {
  7. navigator.camera.getPicture(onSuccess, onFail, {
  8. quality: 50,
  9. destinationType: Camera.DestinationType.DATA_URL,
  10. encodingType: Camera.EncodingType.JPEG,
  11. targetWidth: 100,
  12. targetHeight: 100,
  13. });
  14. }
  15. function onSuccess(imageData) {
  16. var image = document.getElementById('takeImg');
  17. image.src = "data:image/jpeg;base64," + imageData;
  18. }
  19. function onFail(message) {
  20. alert('Failed because: ' + message);
  21. }
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 有详细介绍，繁体的帮助，大家应该都能看懂的。

[转]VS2015 cordova尝试-camera的更多相关文章

  1. VS2015 Cordova Ionic移动开发（一）

    一.Windows环境配置 1.如果已经安装VS2015,打开[工具]-[选项]找到Cordova选项: 运行依赖关系查看器,用来检测开发环境是否完整. 如果检测显示: 那么就是环境配置完成了.可以直 ...

  2. [转]VS2015 Cordova Ionic移动开发（一）

    本文转自:https://www.cnblogs.com/UltimateAvalon/p/5328642.html 一.Windows环境配置 1.如果已经安装VS2015,打开[工具]-[选项]找 ...

  3. vs2015 cordova环境安装【个人遇到的几个问题】

    原文:vs2015 cordova环境安装[个人遇到的几个问题] 问题1: vs2015,设置  Debug  Android 设备[真机调试] Exception in thread "m ...

  4. vs2015 cordova环境安装

    原文:vs2015 cordova环境安装 1.参照其他高手的来 http://www.songker.com/index.php/post/151.html VS2015安卓开发Apache Cor ...

  5. VS2015+cordova+ionic安装配置

    VS2015已经出了正式版,想用来试一下cordova方面的开发.最近在看ionic这个框架,于是想能在VS2015里编辑js就好了. 下面说一下蛋疼的安装配置过程. 一.安装VS2015及Andro ...

  6. VS2015 + Cordova Html5开发使用Crosswalk Web引擎

    CrossWalk引擎的好处是统一不同android设备的Html5的差异性,据说速度很快. Vs2015中使用非常简单,作为一个Apache Cordova的插件安装即可: Installing t ...

  7. VS2015 Cordova Ionic移动开发（三）

    一.基础设置 1.修改App名称和程序起始页 打开config.xml配置文件显示如下,在[通用]选项卡中,将显示名称和起始页,修改为自己想要的名称即可. 如需直接在xml文件中修改:右击config ...

  8. VS2015 Cordova Ionic移动开发（二）

    一.创建空白Cordova应用 打开VS,选择[新建项目],选择其它语言JavaScript或者TypeScript,语言的话就按个人喜好,喜欢JS就用JS,喜欢TS就用TS,推荐使用TS书写,代码结 ...

  9. Cordova - 安装camera插件之后编译错误解决方法！

    安装camera插件之后,编译出错,错误截图如下: 刚开始以为是AAPT编译导致的,尝试关闭AAPT编译选项,但是不行,认真看了一下编译出错信息,应该是缺少文件导致的,随后在对应的目录中加入了缺失的文 ...

随机推荐

  1. 比较偏门的JVM语言Quercus - PHP on JVM

    其实,我不确定Quercus是否可以被认定为一门JVM语言:其次Quercus这个东东分开源版与商业版,开源版只能解释执行.而商业版能编译成Java字节码. 但我知道国内,阿里巴巴很早就在使用它,当然 ...

  2. [moka同学笔记]yii2.0小物件的简单使用(第一种方法)

    这是第一种方法,还有另一种方法,其实都差不多. 1.在创建widgets\HelloWiget.php <?php /** * Created by PhpStorm. * User: Admi ...

  3. Jquery_Ajax GET方式传递文本

    第一个网页: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www. ...

  4. 浅谈ES6中的Proxy

    Proxy是一个很有趣的对象,它能够修改某些操作的默认行为,等同于在语言层面做出修改,属于一种‘元编程’,即对编程语言进行编程. Proxy其实很好理解,就是在目标对象之前架设一层拦截,外界的访问都得 ...

  5. C#知识点总结【1】

    值类型和引用类型 从概念上看,其区别是值类型直接存储其值,引用类型存储值的引用. 在内存当中的状态,值类型存储在堆栈(zhan)中,而引用类型存储在托管堆上. ; int j = i; 上面的例子中 ...

  6. 转载 BCS 的好文章 1 - 怎么创建和使用BCS

    http://www.sharepointfabian.com/2010/04/16/how-to-create-configure-consume-sharepoint-2010-secure-st ...

  7. 实战3--应用EL表达式判断用户登录信息

    1.判断用户名是否为空,空则显示提示信息 (1)编写index.jsp页面 <%@ page language="java" contentType="text/h ...

  8. mybatis实战教程(mybatis in action),mybatis入门到精通(转)

    转自:http://www.yihaomen.com/article/java/302.htm (读者注:其实这个应该叫做很基础的入门一下下,如果你看过Hibernate了那这个就非常的简单) (再加 ...

  9. js动态加载css文件和js文件的方法

    今天研究了下js动态加载js文件和css文件的方法. 网上发现一个动态加载的方法.摘抄下来,方便自己以后使用 [code lang="html"] <html xmlns=& ...

  10. 在阿里云主机的Debian操作系统上安装Docker

    因为需要新搭建饭团网站,所以需要在阿里云的主机上跑数据库,java环境. 考虑到可扩展性和模块化,所以准备最近流行的docker技术.Docker -- 从入门到实践 阿里云主机1核1G,资源不多,所 ...