0

私はAndroid開発に不慣れで、Web開発にも比較的慣れていません。最近、私は電話のギャップを使用して、今のところモバイルカメラをアクティブにして写真を撮るだけのWebアプリを作成しようとしています。私は「phonegapをプログラミングするための20のレシピ」という本をフォローしています。この本にはまったく同じもののレシピがありますが、それは私にはうまくいきません。以下は私が持っているそのコードです。

Photos.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);
 }

Photos.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