Anleitung
Eine Einrichtungsanleitung mit den Installationsanweisungen und der vollständigen Markdown-Guideline für dieses Plugin kopieren.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-photo-library`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/photo-library/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
Installieren
Abschnitt mit dem Titel "Installieren"Sie können unsere AI-gestützte Einrichtung verwenden, um den Plugin zu installieren. Fügen Sie die Capgo-Fähigkeiten zu Ihrem KI-Tool hinzu, indem Sie die folgende Befehl ausführen:
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsVerwenden Sie dann die folgende Anfrage:
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-photo-library` plugin in my project.Wenn Sie eine manuelle Einrichtung bevorzugen, installieren Sie das Plugin, indem Sie die folgenden Befehle ausführen und die unten angegebenen Plattform-spezifischen Anweisungen befolgen:
bun add @capgo/capacitor-photo-librarybunx cap syncImportieren
Abschnitt mit dem Titel „Importieren“import { PhotoLibrary } from '@capgo/capacitor-photo-library';API Übersicht
Abschnitt mit dem Titel „API Übersicht“checkAuthorization
Abschnitt mit dem Titel „checkAuthorization“Gibt den aktuellen Autorisierungsstatus ohne das Benutzer zu fragen zurück.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.checkAuthorization();requestAuthorization
Abschnitt mit dem Titel “requestAuthorization”Berechtigung zum Zugriff auf die Fotobibliothek anfordern, wenn erforderlich.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.requestAuthorization();getAlbums
Abschnitt mit dem Titel “getAlbums”Die verfügbaren Albumsammlungen abrufen.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.getAlbums();getLibrary
Abschnitt mit dem Titel “getLibrary”Bibliotheksinhalte zusammen mit URLs abrufen, die in der Webansicht angezeigt werden können.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.getLibrary();getPhotoUrl
Abschnitt mit dem Titel “getPhotoUrl”Ein anzeigbarer URL für die volle Auflösung des Assets abrufen.
Wenn Sie bereits mit getLibrary __CAPGO_KEEP_0__ includeFullResolutionData, Sie benötigen diese Methode normalerweise nicht.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.getPhotoUrl({} as { id: string });getThumbnailUrl
Abschnitt mit dem Titel “getThumbnailUrl”Ruft einen anzeigbaren URL für eine verkleinerte Vorschaubild des Assets ab.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.getThumbnailUrl({} as { id: string; width?: number; height?: number; quality?: number; });pickMedia
Abschnitt mit dem Titel “pickMedia”Öffnet den nativen Systempicker, damit der Benutzer ohne volle Zugriffsberechtigung auf das Fotoalbum Medien auswählen kann. Die ausgewählten Dateien werden in die Anwendungs-Cache kopiert und mit portablen URLs zurückgegeben.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.pickMedia();Typenreferenz
Abschnitt mit dem Titel “Typenreferenz”PhotoLibraryAuthorizationState
Abschnitt mit dem Titel “PhotoLibraryAuthorizationState”export type PhotoLibraryAuthorizationState = 'authorized' | 'limited' | 'denied' | 'notDetermined';PhotoLibraryAlbum
Abschnitt mit dem Titel “PhotoLibraryAlbum”export interface PhotoLibraryAlbum { id: string; title: string; assetCount: number;}GetLibraryOptions
Abschnitt mit dem Titel “GetLibraryOptions”export interface GetLibraryOptions { /** * Number of assets to skip from the beginning of the query. */ offset?: number; /** * Maximum number of assets to return. Omit to return everything that matches. */ limit?: number; /** * Include images in the result. Defaults to `true`. */ includeImages?: boolean; /** * Include videos in the result. Defaults to `false`. */ includeVideos?: boolean; /** * Include information about the albums each asset belongs to. Defaults to `false`. */ includeAlbumData?: boolean; /** * Include assets stored in the cloud (iCloud / Google Photos). Defaults to `true`. */ includeCloudData?: boolean; /** * If `true`, use the original filenames reported by the OS when available. */ useOriginalFileNames?: boolean; /** * Width of the generated thumbnails. Defaults to `512`. */ thumbnailWidth?: number; /** * Height of the generated thumbnails. Defaults to `384`. */ thumbnailHeight?: number; /** * JPEG quality for generated thumbnails (0-1). Defaults to `0.5`. */ thumbnailQuality?: number; /** * When `true`, copies the full sized asset into the app cache and returns its URL. * Defaults to `false`. */ includeFullResolutionData?: boolean;}GetLibraryResult
Abschnitt mit dem Titel “GetLibraryResult”export interface GetLibraryResult { assets: PhotoLibraryAsset[]; /** * Total number of assets matching the query in the library. `assets.length` can be less * than this value when pagination is used. */ totalCount: number; /** Whether more assets are available when using pagination. */ hasMore: boolean;}PhotoLibraryFile
Abschnitt mit dem Titel “PhotoLibraryFile”export interface PhotoLibraryFile { /** Absolute path on the native file system. */ path: string; /** * URL that can be used inside a web view. Usually produced by `Capacitor.convertFileSrc(path)`. */ webPath: string; mimeType: string; /** Size in bytes if known, otherwise `-1`. */ size: number;}PickMediaOptions
Abschnitt mit dem Titel “PickMediaOptions”export interface PickMediaOptions { /** * Maximum number of items the user can select. Use `0` to allow unlimited selection. * Defaults to `1`. */ selectionLimit?: number; /** Allow the user to select images. Defaults to `true`. */ includeImages?: boolean; /** Allow the user to select videos. Defaults to `false`. */ includeVideos?: boolean; /** Width of the generated thumbnails for picked items. Defaults to `256`. */ thumbnailWidth?: number; /** Height of the generated thumbnails for picked items. Defaults to `256`. */ thumbnailHeight?: number; /** JPEG quality for generated thumbnails (0-1). Defaults to `0.7`. */ thumbnailQuality?: number;}PickMediaResult
Abschnitt mit dem Titel “PickMediaResult”export interface PickMediaResult { assets: PhotoLibraryAsset[];}PhotoLibraryAsset
Abschnitt mit dem Titel “PhotoLibraryAsset”export interface PhotoLibraryAsset { id: string; fileName: string; type: PhotoAssetType; width: number; height: number; duration?: number; creationDate?: string; modificationDate?: string; latitude?: number; longitude?: number; mimeType: string; /** Size in bytes reported by the OS for the underlying asset, if available. */ size?: number; albumIds?: string[]; thumbnail?: PhotoLibraryFile; file?: PhotoLibraryFile;}PhotoAssetType
Abschnitt mit dem Titel “PhotoAssetType”export type PhotoAssetType = 'image' | 'video';Quelle der Wahrheit
Abschnitt mit dem Titel “Quelle der Wahrheit”Diese Seite wurde aus dem Plugin generiert. src/definitions.tsLäuft die Synchronisation neu, wenn sich die öffentliche API upstream ändert.
Weitermachen von Getting Started
Abschnitt mit dem Titel “Weitermachen von Getting Started”Wenn Sie Getting Started um das Dashboard und die API-Operationen zu planen und es mit zu verbinden Mit @capgo/capacitor-photo-library für die native Fähigkeit in Mit @capgo/capacitor-photo-library API-Übersicht für die Implementierungsdetails in API-Übersicht Einführung für die Implementierungsdetails in Einführung API-Schlüssel für die Implementierungsdetails in API-Schlüssel und Geräte für die Implementierungsdetails in Geräte.