Windows Phone

推荐列表 站点导航

当前位置:首页 > 脚本编程 > Windows Phone >

Windows Phone 7 PhoneGap 启动照相

来源:网络整理  作者:网友投稿  发布时间:2020-12-28 00:34
前几天 写过一篇文章 简单介绍一下,如何使用 PhotoCamera 进行拍照..这几天在评估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 的部分..

Windows Phone 7 PhoneGap 启动照相


 

//透过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

下一篇:没有了
相关文章
最新文章
Windows Phone 7 PhoneGap 启动照 Windows Phone 7 PhoneGap 启动照

时间:2020-12-28

WindowsApp开发之更多技巧 WindowsApp开发之更多技巧

时间:2020-12-28

不需要找Server但可以手动 不需要找Server但可以手动

时间:2020-12-28

Cordova WP8插件开发 Cordova WP8插件开发

时间:2020-12-28

WP8 3个Windows Phone寻览事件 WP8 3个Windows Phone寻览事件

时间:2020-12-28

win10uwp简单MasterDetail win10uwp简单MasterDetail

时间:2020-12-28

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

Windows Phone 7 PhoneGap 启动照相

2020-12-28 编辑:网友投稿

前几天 写过一篇文章 简单介绍一下,如何使用 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 的部分..

Windows Phone 7 PhoneGap 启动照相


 

//透过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

相关文章

风云图片

推荐阅读

返回Windows Phone频道首页