以下是关于 "Android使用phonegap从相册里面获取照片（代码分享）"的完整攻略：
1. 什么是PhoneGap
PhoneGap是一种移动端开发框架，它基于HTML、CSS、JavaScript和一些原生API的实现，针对不同的移动平台，在原生应用和web应用之间构建一座桥梁。通过PhoneGap，开发者可以用Web技术来开发适用于多个移动平台的应用程序。
2. 如何从相册中获取照片
以下是获取相册中照片的完整代码示例：
function getPhoto() {
navigator.camera.getPicture(onSuccess, onFail, {
quality: 50,
destinationType: Camera.DestinationType.FILE_URI,
sourceType: Camera.PictureSourceType.SAVEDPHOTOALBUM
});
}
function onSuccess(imageURI) {
var image = document.getElementById('myImage');
image.src = imageURI;
}
function onFail(message) {
alert('Failed because: ' + message);
}
代码中，我们通过调用 navigator.camera.getPicture() 函数来启动相册应用，并传入一些参数，这些参数包括：
- quality：图片质量，数值在0~100之间，默认50。
- destinationType：返回图片类型，设为FILE_URI则会返回文件URI路径，当设为Base64时返回Base64编码的图片。
- sourceType：图片源类型，设为SAVEDPHOTOALBUM时会调用相册应用来选取图片，当设为CAMERA时会启动系统相机。
此示例中设定 destinationType 为 FILE_URI, sourceType 为 SAVEDPHOTOALBUM, 还可以根据需求调整。
这样，我们就成功地获取到了相册中的一张照片，并将其展示在页面上。
3. 代码分享
以下是获取相册中照片的完整代码示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Get Photo Example</title>
<script src="cordova.js"></script>
<script>
function getPhoto() {
navigator.camera.getPicture(onSuccess, onFail, {
quality: 50,
destinationType: Camera.DestinationType.FILE_URI,
sourceType: Camera.PictureSourceType.SAVEDPHOTOALBUM
});
}
function onSuccess(imageURI) {
var image = document.getElementById('myImage');
image.src = imageURI;
}
function onFail(message) {
alert('Failed because: ' + message);
}
</script>
</head>
<body>
<button onclick="getPhoto()">获取照片</button>
<br>
<img id="myImage" src="#" alt="">
</body>
</html>
一些注意点：
- 运行之前需要将此代码需要运行在cordova环境中。
- 在获取照片的时候建议增加一些用户提示，比如进度条，这样可以提升用户体验。
- 如果需要在获取过程中进行优化，可以调整图片的类型以及质量。
4. 总结
通过以上步骤和代码示例，我们可以轻松获取到相册中的照片，并将其在页面中展示。如果你想要更深入学习PhoneGap开发，可以从官网入手，官网提供了完整的学习教程以及API手册，让你更好地掌握这个移动端框架。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：Android使用phonegap从相册里面获取照片（代码分享） - Python技术站
微信扫一扫 
支付宝扫一扫 