是否可以使用 ionic 制作图片库应用程序

Posted 2023-02-23

【中文标题】是否可以使用 ionic 制作图片库应用程序

【英文标题】：is it possible to make an image gallery application with ionic

【发布时间】：2017-05-19 12:19:51

【问题描述】：

我需要在 android && ios 上制作一个类似应用程序的图库。当用户打开应用程序时，用户应该看到手机中的图像并选择它们。我不想使用使用意图的图像选择器。是否可以构建这个程序在 cordova phonegap 或 ionic 之类的混合框架上，还是我应该使用原生 android ios？

【问题讨论】：

Ionic 是创建混合应用程序的最佳方式，您可以在 webview 应用程序中执行哪些操作，您可以在 ionic 应用程序中执行此操作。您可以使用所有的 html5 代码，但要获得原生应用程序的感觉，您应该使用 ionic api 并在您认为别无选择时使用 html 和自定义 css。

但是离子原生 api 可以做我问的吗？

【参考方案1】：

实际上我们可以像这样从设备中获取照片；使用来自 ionic https://ionicframework.com/docs/native/photo-library/ 的 PhotoLibrary

`this.photoLibrary.requestAuthorization().then(() => 
  this.photoLibrary.getLibrary().subscribe(
    next: library => 
      library.forEach(function(libraryItem) 
        console.log(libraryItem.id);          // ID of the photo
        console.log(libraryItem.photoURL);    // Cross-platform access to photo
        console.log(libraryItem.thumbnailURL);// Cross-platform access to thumbnail
        console.log(libraryItem.fileName);
        console.log(libraryItem.width);
        console.log(libraryItem.height);
        console.log(libraryItem.creationDate);
        console.log(libraryItem.latitude);
        console.log(libraryItem.longitude);
        console.log(libraryItem.albumIds);    // array of ids of appropriate AlbumItem, only of includeAlbumsData was used
      );
    ,
    error: err => ,
    complete: () =>  console.log('could not get photos'); 
  );
)
.catch(err => console.log('permissions weren't granted'));`

不要忘记像这样在 app.module 中导入库

import  PhotoLibrary  from '@ionic-native/photo-library';