首页 > 代码库 > 使用phonegap从相册里面获取照片

使用phonegap从相册里面获取照片

2024-09-17 04:07:45   217人阅读

<!DOCTYPE html>

<html>
 
    <head>
        <meta charset="UTF-8">
        <title>Take a Photo</title>
 
        <script type="text/javascript" charset="UTF-8" src=http://www.mamicode.com/"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=http://www.mamicode.com/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=http://www.mamicode.com/""/>
    </body>
 
</html>

使用phonegap从相册里面获取照片


联系
我们