PhoneGap で Android のギャラリーから画像選択

Hello World まであっと言う間に完了…

カメラロールへのアクセスを試みてみる

PhoneGap で Hello World（所要時間15分）

camera という新規プロジェクトを作成

~/Documents/PhoneGap/camera

アプリ画面

作成したディレクトリの中の www/index.html を編集

50行目を変更＆追加

変更前

            <p class="event received">Device is Ready</p>

1	<p class="event received">Device is Ready</p>

変更後

            <p class="event received" onClick="photo()">BUTTON</p>
            <img id="selectedPhoto" style="max-width: 100%;">

1 2	<p class="event received" onClick="photo()">BUTTON</p> <img id="selectedPhoto" style="max-width: 100%;">

JSの追加

www/js/index.js を編集

最下行に追加

function photo() {
    navigator.camera.getPicture(function(imageURI){
      document.getElementById('selectedPhoto').setAttribute('src', imageURI);
    }, function(msg){
      alert("Error : " + msg);
    }, {
      quality:50,
      destinationType:Camera.DestinationType.FILE_URI,
      sourceType:Camera.PictureSourceType.SAVEDPHOTOALBUM,
    });
}