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

发布时间:2020-10-13 发布网站:编程之家
编程之家收集整理的这篇文章主要介绍了cordova – 使用离子框架从android中的图库中显示图像编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
你好我正在尝试开发 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
            }
        );
    };
});

在这里ia ImageURI我正在接收afetr从图库中选择任何文件:content:// media / external / images / media / 17.我盲目地为我的图像src硬编码了这个值.但我没有看到任何.这里有什么输入?

此外,ImageURI也没有绑定我的文本框.警报正确显示URI.

它看起来非常直接使用普通的phonegap应用程序.但我不喜欢离子框架.

解决方法

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

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

另外 – 你可能会遇到和我一样的问题 – 请参阅上面的评论.

总结

以上是编程之家为你收集整理的cordova – 使用离子框架从android中的图库中显示图像全部内容,希望文章能够帮你解决cordova – 使用离子框架从android中的图库中显示图像所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入编程之家官方QQ群:1065694478
编程之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ”
精选程序员所需精品干货内容!