Android使用phonegap从相册里面获取照片(代码分享)
作者:ganchuanpu
本文主要介绍了使用phonegap从相册里面获取照片的实现方法代码。具有很好的参考价值,下面跟着小编一起来看下吧
话不多说,请看代码:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Take a Photo</title> <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> <script type="text/javascript" charset="UTF-8"> document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { } //成功回调 function onPhotoSuccess(imageURI){ var myImage=document.getElementById('myImage'); myImage.style.display='block'; myImage.src=imageURI; } //失败回调 function onPhotoFail(message){ alert('Failed beacause:'+message); } //获取照片 function getPhoto(source){ navigator.camera.getPicture(onPhotoSuccess,onPhotoFail,{quality:50,sourceType:source}); } </script> </head> <body> <button onclick="getPhoto(Camera.PictureSourceType.PHOTOLIBRARY);"> From Photo Library</button><br> <img style="display:none;" id="myImage" src=""/> </body> </html>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!
您可能感兴趣的文章:
- APP添加CNZZ统计插件教程 Android版添加phonegap
- Phonegap使用拍照功能时的内存问题
- phonegap教程使用jspdf库在应用中生成pdf文件(pdf生成方法)
- android判断phonegap是否联网且加载super.loadUrl网址
- 深入理解移动前端开发之viewport
- 自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结
- 通过viewport实现jsp页面支持手机缩放
- 关于viewport,Ext.panel和Ext.form.panel的关系
- ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport
- 解决PhoneGap不支持viewport的几种方法