phonegap照相不能返回图片数据是什么原因

小雪 · 发表于 2013-10-24 22:06:59

一个关于phonegap照相不能返回图片数据是什么原因:
说明:
使用phonegap官网的cameraAPI的完整实例,在android下照片机可以使用但是拍照后没有返回照片的数据,在ios下拍照和打开相册则完成没有反应,是什么原因呢, 求各位大神的帮助

admin · 发表于 2013-10-24 22:21:20

源代码分享给你希望对你有帮助,下面代码是经过测试的肯定能用,使用的时候主意引入文件路径

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>phonegap_device_network_notification01</title>
<link href="../jquery.mobile-1.3.2.css" rel="stylesheet" type="text/css"/>
<script src="../jquery.js" type="text/javascript"></script>
<script src="../jquery.mobile-1.3.2.js" type="text/javascript"></script>
<script src="../cordova.js" type="text/javascript"></script>
<style >
.imageContainer
{
width: 288px;
height: 288px;
position: relative;
background-color: #fbfbfb;
border: 1px solid #b8b8b8;
}
#myImage
{
max-width: 288px;
max-height: 288px;
display:block;
}
</style>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
document.addEventListener("deviceready",onDeviceReady,false);
});
function onDeviceReady()
{
console.log("deviceReady");
$( ".captureBtn" ).bind( "click", function(event, ui) {
getPictureFromCamera();
});
$( ".browserBtn" ).bind( "click", function(event, ui) {
getPictureFromePhotoLibrary();
});
}
function getPictureFromCamera()
{
navigator.camera.getPicture(onSuccess, onFail, { quality: 50,destinationType: Camera.DestinationType.DATA_URL,sourceType:navigator.camera.PictureSourceType.CAMERA});
}
function onSuccess(imageData) {
var image = document.getElementById('myImage');
image.src = "data:image/jpeg;base64," + imageData;
}
function onFail(message) {
alert('Failed because: ' + message);
}
function getPictureFromePhotoLibrary()
{
navigator.camera.getPicture(onSuccessFromLib, onFail, { allowEdit:true,quality: 90,destinationType:Camera.DestinationType.FILE_URI ,sourceType:navigator.camera.PictureSourceType.PHOTOLIBRARY});
function onSuccessFromLib(imageURI)
{
alert("imageURI"+imageURI);
var image = document.getElementById('myImage');
image.src = imageURI;
}
}
</script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Camera</h1>
</div>
<div data-role=content>
<a data-role="button" data-transition="fade" class="captureBtn" >拍照 </a>
<a data-role="button" data-transition="fade" class="browserBtn">浏览 </a>
<div class="imageContainer">
<img id="myImage" />
</div>
</div>
<div data-role="footer">
<h4> </h4>
</div>
</div>
</body>
</html>

复制代码

转载请注明出处: phonegap中文网(www.phonegap100.com)

markt · 发表于 2015-1-21 16:52:08

照相后要怎么才能取得base64编码啊？

l@l · 发表于 2015-3-3 21:14:57

这段代码，部分手机也不得行呢，部分手机无法回调成功。

		自动登录	找回密码
密码			立即注册

phonegap照相不能返回图片数据是什么原因

站长推荐 /1