Windows Phone 7 PhoneGap 启动照相
前几天 写过一篇文章 简单介绍一下,如何使用 PhotoCamera 进行拍照..
这几天在评估PhoneGap,当然也测试了这案例…
这篇来简单介绍一下,如何使用PhoneGap启动相机拍照…
如果不知道如何使用PhoneGap建立专案,可以参考 这篇
首先在www/index.html 中 <body> 中加入一个 input button 和 img
按下input 时启动相机,拍完之后将结果放入img 中..
HTML Code :
<body> <h1>Hello Cordova</h1> <div id="welcomeMsg"></div> <input type="button" value="啟動相機" onclick="onBtnCamera_Click()" id="btnCamera" /> <img id="myImage" style="width:200px;height:200px" /> </body>接下来就是JavaScript 的部分..

//透过PhoneGap启动相机 function onBtnCamera_Click() { navigator.camera.getPicture(onCameraTakeSuccess, onCameraTakeFail, { quality: 100,destinationType: Camera.DestinationType.DATA_URL}); } //成功后事件 function onCameraTakeSuccess(imageData) { var image = document.getElementById('myImage'); image.src = "data:image/jpeg;base64," + imageData; } //失败后事件 function onCameraTakeFail(message) { alert('Failed because: ' + message); }
请注意,如果你佈署到手机上面,如果线还插著,拍照结果会出不来…
去官网上面看仔细看到这一段…
所以必须要把线拔掉再进行测试..
相关热词:
本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!
本文地址: https://www.juheyunku.com/jiaob/wp/9960.shtml
相关文章
热门TAG
命令 权重 外链 企业网站 白帽 php 织梦教程 dedecms修改内容 javascript 织梦 功能 标签 调用 详解 服务器 网站流量 实例解析 Dedecms 织梦cms HTML tags标签 python jquery教程 jquery windows SEO优化 蜘蛛 搜索引擎 网站收录 JSP最新文章
-
Windows Phone 7 PhoneGap 启动照
时间:2020-12-28
-
WindowsApp开发之更多技巧
时间:2020-12-28
-
不需要找Server但可以手动
时间:2020-12-28
-
Cordova WP8插件开发
时间:2020-12-28
-
WP8 3个Windows Phone寻览事件
时间:2020-12-28
-
win10uwp简单MasterDetail
时间:2020-12-28
热门文章
-
Cordova WP8插件开发
时间:2020-12-28
-
Windows Phone 7 PhoneGap 启动照相
时间:2020-12-28
-
WindowsApp开发之更多技巧
时间:2020-12-28
-
不需要找Server但可以手动提供更新资料的
时间:2020-12-28
-
win10uwp简单MasterDetail
时间:2020-12-28
-
WP8 3个Windows Phone寻览事件比较
时间:2020-12-28
