cordova – 使用离子框架从android中的图库中显示图像

移动开发作者： 2024-08-25 07:15:01

你好我正在尝试开发 Android应用程序来加载图像库中的图像.这是代码snipet.我无法显示图像.有人可以指出我哪里出错了吗？ *.html的

Upload Image

你好我正在尝试开发 Android应用程序来加载图像库中的图像.这是代码snipet.我无法显示图像.有人可以指出我哪里出错了吗？

<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('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
            }
        );
    };
});

解决方法

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

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

原创声明

本站部分文章基于互联网的整理，我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。

本文链接：http://www.jiecseo.com/news/show_68267.html

相关资讯： cordova 使用离子框架 android 中图库显示图像

推荐精华

热门标签

网站模板企业网站模板网站模板下载简单大气手机网站模板响应式网站模板门户网站模板下载免费网站模板学校网站模板网站模板免费下载旅游网站模板电子商务网站模板公司网站模板教育网站模板外贸网站模板政府网站模板新闻网站模板免费网站模板下载导航网站模板班级网站模板传奇网站模板网站模板 php个人网站模板汽车网站模板 html个人网站模板工艺品网站模板广告公司网站模板韩国网站模板商业网站模板旅游网站模板下载