0

我是 Android 开发新手,对 Web 开发也比较陌生。最近,我一直在尝试使用手机间隙来制作一个网络应用程序,现在它只是激活我的手机相机并拍照。我正在关注“20 个编程 phonegap 的秘诀”一书。书中有一个完全相同的配方,但它对我不起作用。下面是我拥有的代码。

照片.js

 var loaded = false;

 alert ("In the PHOTO JS");
 function onPhotosLoad() {
 alert ("In the ONPHOTOLOAD JS");
 // only load the camera selector on first load
 if (!loaded) {
    navigator.camera.getPicture(onPhotoLoadSuccess, onFail,
      {
        quality: 50,
        encodingType: Camera.EncodingType.PNG,
        destinationType: navigator.camera.DestinationType.FILE_URI
      });
    loaded = true;
 }
 }
 function onPhotoLoadSuccess(photoUri) {
alert ("In the ONPHOTOLOADSUCCESS JS");

 document.getElementById('photo').src = photoUri;
 } 
 function onFail(message) {
 alert('Failed because: ' + message);
 }

照片.html

<!DOCTYPE HTML>
<html>
<head>
<title>PhoneGap</title>
</head>
<body>

<div data-role="page" id="contacts-page">
    <div data-role="header" data-position="inline">
        <h1>Photos</h1>
         </div>
    <img src="" id="photo" />
    <div data-role="footer" data-position="fixed">
        <div data-role="navbar">
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="map.html">Map</a></li>
                <li><a href="compass.html">Compass</a></li>
                <li><a href="list.html">List</a></li>
                <li><a href="contacts.html">Contacts</a></li>
                <li><a href="photos.html" class="ui-btn-active">Photos</a></li>
            </ul>
        </div>
    </div>
    <script type="text/javascript" charset="utf-8" src="scripts/photos.js"></script>
</div>
</body>
</html>
4

0 回答 0