2017-09-15 72 views
0

我正在使用离子。我想在我的应用程序中打印来自画廊的所有照片。如何获取设备的所有照片?

我知道我可以使用相机插件让用户选择图像。

但我不希望用户选择一个图像,我将拥有所有来自图库的图像并具有打印它们的路径。

有人知道我该怎么做?

感谢

+0

https://github.com/wymsee/cordova-imagePicker,我认为这是一个受欢迎的问题 – Akis

+0

这个插件不问这个问题,用户必须选择图像。我不希望用户必须选择图像,但在我的应用中显示所有照片 – anubis

回答

1

要做到这一点,最简单的方法是使用cordova-gallery-api它提供方法来查询Gallery相册和媒体。

安装插件:

cordova plugin add https://github.com/subitolabs/cordova-gallery-api.git 

示例代码:

document.addEventListener('deviceready', function() 
{ 
    var $content = document.getElementById("content"); 

    $content.innerHTML = "Loading albums ..."; 

    galleryAPI.getAlbums(function(items) 
    { 
     var html = ""; 

     for(var i = 0; i < items.length; i++) 
     { 
      var album = items[i]; 

      html += '<a href="javascript:loadAlbum(\'' + album.title + '\')" class="album"><span>' + escape(album.title) + '</span></a>'; 
     } 

     $content.innerHTML = html; 

    }, function(error){alert(error);}); 

    window.loadAlbum = function(albumName) 
    { 
     galleryAPI.getMedia(albumName, function(items) 
     { 
      var html = ""; 

      for(var i = 0; i < items.length; i++) 
      { 
       var media = items[i]; 

       html += '<a href="javascript:void()" class="media"><img src="file://' + media.thumbnail + '" /></a>'; 
      } 

      $content.innerHTML = html; 

     }, function(error){alert(error);}); 
    }; 

}, false); 
相关问题