5

こんにちはAndroid、画像ギャラリーから画像をロードするアプリを開発しようとしています。これがコードスニペットです。画像を表示できません。どこが間違っていたのか教えてもらえますか?

*.html

<ion-view title="Account">
  <ion-content class="has-header padding">
    <h1>Upload Image</h1>
      <div class="account-picture">
          <button ng-click="ShowPictures()">Select Picture</button>
          <img src="ImageURI" id="smallimage">
          <input type="text" ng-model="ImageURI" size="30"/>
      </div>
  </ion-content>
</ion-view>

Controller.js

.controller('AccountCtrl', function($scope) {

    $scope.ImageURI = 'Select Image';
    function UploadPicture(imageURI) {

        $scope.ImageURI =  imageURI;
        alert($scope.ImageURI );
    }

    $scope.ShowPictures = function() {
        navigator.camera.getPicture(UploadPicture, function(message) {
                alert('get picture failed');
            }, {
                quality: 50,
                destinationType: navigator.camera.DestinationType.FILE_URI,
                sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY
            }
        );
    };
});

ここで ia ImageURI 画像ギャラリーから任意のファイルを選択した後、content://media/external/images/media/17 を受け取ります。画像 src のこの値をやみくもにハードコーディングしました。しかし、私は何も見ていません。ここに入力はありますか?

また、ImageURI は私のテキスト ボックスにもバインドされていません。Alert は URI を適切に表示します。

通常のphonegapアプリを使用すると、かなり簡単に見えます。しかし、イオンフレームワークでは、私はうまくいきません。

4

1 に答える 1