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>

控制器.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 也没有绑定到我的文本框。警报是正确显示 URI。

使用普通的 phonegap 应用程序看起来很简单。但是我不喜欢使用离子框架。

4

1 回答 1

4

你需要调用 $scope.$apply(); 告诉 Angular 你的异步功能已经完成。还

$scope.ImageURI =  imageURI;
$scope.$apply();

另外-您可能会遇到与图像相同的问题-请参阅上面的评论。

于 2014-04-15T04:37:53.290 回答