こんにちは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アプリを使用すると、かなり簡単に見えます。しかし、イオンフレームワークでは、私はうまくいきません。