您好我正在尝试开发Android
应用以从图片库加载图片。这是代码snipet。我无法显示图像。有人可以指出我哪里出错了吗?
*。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
}
);
};
});
这里我是ImageURI我正在接收afetr从图库中选择任何文件:content:// media / external / images / media / 17。我盲目地为我的图像src硬编码了这个值。但我没有看到任何。这里有任何输入吗?
此外,ImageURI也没有绑定我的文本框。警报正确显示URI。
使用普通的phonegap应用程序,它看起来非常简单。但我不喜欢离子框架。
答案 0 :(得分:4)
你需要调用$ scope。$ apply();告诉angular你的异步功能已经完成。还
$scope.ImageURI = imageURI;
$scope.$apply();
同样 - 你可能会遇到和我一样的问题 - 请参阅上面的评论。