使用@capgo/capacitor-photo-library
Capacitor插件显示相册图库作为网页，或者无需授权的native屏幕
安装
bun add @capgo/capacitor-photo-library
bunx cap sync
bunx cap sync 将插件的本地code复制到您的本地项目中。每次升级插件后，请重新运行它。
导入
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
API概览
| 方法 | 描述 |
|---|---|
checkAuthorization |
获取当前授权状态，无需提示用户。 |
requestAuthorization |
如果需要，则请求访问相册。 |
getAlbums |
获取可用的相册。 |
getLibrary |
获取图库资产及其可以在web视图中显示的URL。 |
getPhotoUrl |
获取可显示的URL以获取资产的全分辨率版本。如果您已经调用了 getLibrary with includeFullResolutionData,通常不需要此方法。 |
getThumbnailUrl |
获取一个可显示的缩略图URL。 |
pickMedia |
打开本机系统选择器，让用户选择媒体而不授予全面的照片库访问权限。选择的文件将被复制到应用程序缓存中，并返回带有可移植URL的文件。 |
示例
checkAuthorization()
获取当前授权状态而不提示用户。
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.checkAuthorization();
console.log(result);
requestAuthorization()
请求访问照片库，如果需要。
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.requestAuthorization();
console.log(result);
getAlbums()
获取可用的相册。
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.getAlbums();
console.log(result);
getLibrary()
获取图库资产及其可在Web视图中显示的URL。
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.getLibrary();
console.log(result);
getPhotoUrl()
获取一个可显示的完整分辨率版本的资产URL。如果您已经调用了 getLibrary ，通常不需要此方法。 includeFullResolutionData上表列出了7个核心方法。监听器和版本帮助，以及每个方法的完整契约，均在
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.getPhotoUrl({ id: 'id-123' });
console.log(result);
getThumbnailUrl()
获取一个可显示的缩略图URL。
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.getThumbnailUrl({ id: 'id-123' });
console.log(result);
中文档 GitHub 仓库.
全参考
继续使用 @capgo/capacitor-photo-library
如果您正在使用 使用 @capgo/capacitor-photo-library 来规划原生媒体和界面行为，连接它与 @capgo/capacitor-相机图库 实现细节在 @capgo/capacitor-photo-library 开始 为 Getting Started 中的实现细节 使用 @capgo/capacitor-live-activities 为 Using @capgo/capacitor-live-activities 中的原生能力 使用 @capgo/capacitor-live-activities 为 @capgo/capacitor-live-activities 中的实现细节，以及 使用 @capgo/capacitor-video-player 为 Using @capgo/capacitor-video-player 中的原生能力