版本：v7

@capacitor/camera

Camera API 提供了使用相机拍摄照片或从相册中选择现有照片的功能。

安装

npm install @capacitor/camera
npx cap sync

iOS

iOS 要求在 Info.plist 中添加并填写以下使用描述：

NSCameraUsageDescription (隐私 - 相机使用描述)
NSPhotoLibraryAddUsageDescription (隐私 - 照片库添加使用描述)
NSPhotoLibraryUsageDescription (隐私 - 照片库使用描述)

有关在 Xcode 中设置 iOS 权限的更多信息，请阅读 iOS 指南中的配置 Info.plist

Android

当从设备相册中选择现有图片时，现在使用 Android 照片选择器组件。照片选择器在满足以下条件的设备上可用：

运行 Android 11（API 级别 30）或更高版本
通过 Google 系统更新接收模块化系统组件的更改

运行 Android 11 或 12 且支持 Google Play 服务的旧设备和 Android Go 设备可以安装照片选择器的向后移植版本。要通过 Google Play 服务启用向后移植照片选择器模块的自动安装，请在 AndroidManifest.xml 文件的 <application> 标签中添加以下条目：

<!-- 触发 Google Play 服务安装向后移植的照片选择器模块。 -->
<!--suppress AndroidDomInspection -->
<service android:name="com.google.android.gms.metadata.ModuleDependencies"
    android:enabled="false"
    android:exported="false"
    tools:ignore="MissingClass">
    <intent-filter>
        <action android:name="com.google.android.gms.metadata.MODULE_DEPENDENCIES" />
    </intent-filter>
    <meta-data android:name="photopicker_activity:0:required" android:value="" />
</service>

如果未添加该条目，不支持照片选择器的设备将回退到 Intent.ACTION_OPEN_DOCUMENT。

Camera 插件不需要权限，除非使用 saveToGallery: true，在这种情况下，应将以下权限添加到 AndroidManifest.xml：

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

您还可以仅为需要请求这些权限的 Android 版本指定它们：

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" android:maxSdkVersion="32"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" android:maxSdkVersion="29"/>

存储权限用于读取/保存照片文件。

有关设置 Android 权限的更多信息，请阅读 Android 指南中的设置权限。

此外，由于 Camera API 启动一个单独的 Activity 来处理拍照，您应该在 App 插件中监听 appRestoredResult，以处理在 Activity 运行时操作系统终止应用程序的情况下发送的任何相机数据。

变量

此插件将使用以下项目变量（在应用程序的 variables.gradle 文件中定义）：

androidxExifInterfaceVersion: androidx.exifinterface:exifinterface 的版本（默认值：1.3.7）
androidxMaterialVersion: com.google.android.material:material 的版本（默认值：1.12.0）

PWA 注意事项

Camera 插件需要 PWA Elements 才能工作。

示例

import { Camera, CameraResultType } from '@capacitor/camera';

const takePicture = async () => {
  const image = await Camera.getPhoto({
    quality: 90,
    allowEditing: true,
    resultType: CameraResultType.Uri,
  });

  // image.webPath 将包含一个可用作图像 src 的路径。
  // 您可以使用 image.path 访问原始文件，该文件可以
  // 传递给 Filesystem API 以读取图像的原始数据，
  // 如果需要（或传递 resultType: CameraResultType.Base64 给 getPhoto）
  var imageUrl = image.webPath;

  // 现在可以设置为图像的 src
  imageElement.src = imageUrl;
};

getPhoto(...)

getPhoto(options: ImageOptions) => Promise<Photo>

提示用户从相册中选择照片或使用相机拍摄新照片。

参数	类型
`options`	`ImageOptions`

返回值：

Promise<Photo>

自版本： 1.0.0

pickImages(...)

pickImages(options: GalleryImageOptions) => Promise<GalleryPhotos>

允许用户从照片库中选择多张图片。在 iOS 13 及更早版本上，仅允许选择一张图片。

参数	类型
`options`	`GalleryImageOptions`

返回值：

Promise<GalleryPhotos>

自版本： 1.2.0

pickLimitedLibraryPhotos()

pickLimitedLibraryPhotos() => Promise<GalleryPhotos>

仅限 iOS 14+：允许用户更新其有限的照片库选择。在 iOS 15+ 上，选择器关闭后返回所有有限的照片。在 iOS 14 或用户授予照片完全访问权限时返回空数组。

返回值：

Promise<GalleryPhotos>

自版本： 4.1.0

getLimitedLibraryPhotos()

getLimitedLibraryPhotos() => Promise<GalleryPhotos>

仅限 iOS 14+：返回从有限照片库中选择的照片数组。

返回值：

Promise<GalleryPhotos>

自版本： 4.1.0

checkPermissions()

checkPermissions() => Promise<PermissionStatus>

检查相机和相册权限

返回值：

Promise<PermissionStatus>

自版本： 1.0.0

requestPermissions(...)

requestPermissions(permissions?: CameraPluginPermissions | undefined) => Promise<PermissionStatus>

请求相机和相册权限

参数	类型
`permissions`	`CameraPluginPermissions`

返回值：

Promise<PermissionStatus>

自版本： 1.0.0

Interfaces

Photo

属性	类型	描述	自版本
`base64String`	`string`	图像的 base64 编码字符串表示，如果使用 CameraResultType.Base64。	1.0.0
`dataUrl`	`string`	以 'data:image/jpeg;base64,' 开头的 URL 和图像的 base64 编码字符串表示，如果使用 CameraResultType.DataUrl。注意：在 Web 上，文件格式可能因浏览器而异。	1.0.0
`path`	`string`	如果使用 CameraResultType.Uri，路径将包含一个完整的、平台特定的文件 URL，稍后可以使用 Filesystem API 读取。	1.0.0
`webPath`	`string`	webPath 返回一个可用于设置图像 src 属性的路径，以实现高效加载和渲染。	1.0.0
`exif`	`any`	从图像检索的 Exif 数据（如果有）	1.0.0
`format`	`string`	图像的格式，例如：jpeg、png、gif。iOS 和 Android 仅支持 jpeg。Web 支持 jpeg、png 和 gif，但具体可用性可能因浏览器而异。仅当 `webUseInput` 设置为 `true` 或 `source` 设置为 `Photos` 时支持 gif。	1.0.0
`saved`	`boolean`	图像是否已保存到相册。在 Android 和 iOS 上，如果用户未授予所需权限，保存到相册可能会失败。在 Web 上没有相册，因此始终返回 false。	1.1.0

ImageOptions

属性	类型	描述	默认值	自版本
`quality`	`number`	返回的 JPEG 图像质量，从 0-100 注意：此选项仅在 Android 和 iOS 上受支持		1.0.0
`allowEditing`	`boolean`	是否允许用户裁剪或进行小幅编辑（平台特定）。在 iOS 14+ 上，仅支持 CameraSource.Camera，而不支持 CameraSource.Photos。		1.0.0
`resultType`	`CameraResultType`	数据应如何返回。当前仅支持 'Base64'、'DataUrl' 或 'Uri'		1.0.0
`saveToGallery`	`boolean`	是否将照片保存到相册。如果照片是从相册中选取的，则仅在编辑后保存。	`: false`	1.0.0
`width`	`number`	保存图像的所需最大宽度。保持宽高比。		1.0.0
`height`	`number`	保存图像的所需最大高度。保持宽高比。		1.0.0
`correctOrientation`	`boolean`	是否自动将图像“向上”旋转以校正纵向模式下的方向	`: true`	1.0.0
`source`	`CameraSource`	获取照片的来源。默认情况下，提示用户选择相册或拍照。	`: CameraSource.Prompt`	1.0.0
`direction`	`CameraDirection`	仅限 iOS 和 Web：相机方向。	`: CameraDirection.Rear`	1.0.0
`presentationStyle`	`'fullscreen' \| 'popover'`	仅限 iOS：相机的呈现样式。	`: 'fullscreen'`	1.0.0
`webUseInput`	`boolean`	仅限 Web：是否使用 PWA Element 体验或文件输入。默认使用 PWA Elements（如果已安装）并回退到文件输入。要始终使用文件输入，请将其设置为 `true`。了解更多关于 PWA Elements：https://capacitorjs.com/docs/web/pwa-elements		1.0.0
`promptLabelHeader`	`string`	显示提示时使用的文本值。	`: 'Photo'`	1.0.0
`promptLabelCancel`	`string`	显示提示时使用的文本值。仅限 iOS：“取消”按钮的标签。	`: 'Cancel'`	1.0.0
`promptLabelPhoto`	`string`	显示提示时使用的文本值。选择已保存图像的按钮标签。	`: 'From Photos'`	1.0.0
`promptLabelPicture`	`string`	显示提示时使用的文本值。打开相机的按钮标签。	`: 'Take Picture'`	1.0.0

GalleryPhotos

属性	类型	描述	自版本
`photos`	`GalleryPhoto[]`	所有选定照片的数组。	1.2.0

GalleryPhoto

属性	类型	描述	自版本
`path`	`string`	完整的、平台特定的文件 URL，稍后可以使用 Filesystem API 读取。	1.2.0
`webPath`	`string`	webPath 返回一个可用于设置图像 src 属性的路径，以实现高效加载和渲染。	1.2.0
`exif`	`any`	从图像检索的 Exif 数据（如果有）	1.2.0
`format`	`string`	图像的格式，例如：jpeg、png、gif。iOS 和 Android 仅支持 jpeg。Web 支持 jpeg、png 和 gif。	1.2.0

GalleryImageOptions

属性	类型	描述	默认值	自版本
`quality`	`number`	返回的 JPEG 图像质量，从 0-100 注意：此选项仅在 Android 和 iOS 上受支持。		1.2.0
`width`	`number`	保存图像的所需最大宽度。保持宽高比。		1.2.0
`height`	`number`	保存图像的所需最大高度。保持宽高比。		1.2.0
`correctOrientation`	`boolean`	是否自动将图像“向上”旋转以校正纵向模式下的方向	`: true`	1.2.0
`presentationStyle`	`'fullscreen' \| 'popover'`	仅限 iOS：相机的呈现样式。	`: 'fullscreen'`	1.2.0
`limit`	`number`	用户可以选择的最大图片数量。注意：此选项仅在 Android 13+ 和 iOS 上受支持。	`0 (无限制)`	1.2.0

PermissionStatus

属性	类型
`camera`	`CameraPermissionState`
`photos`	`CameraPermissionState`

CameraPluginPermissions

属性	类型
`permissions`	`CameraPermissionType[]`

Type Aliases

CameraPermissionState


  PermissionState | 'limited'

PermissionState

'prompt' | 'prompt-with-rationale' | 'granted' | 'denied'

CameraPermissionType

'camera' | 'photos'

Enums

CameraResultType

成员	值
`Uri`	`'uri'`
`Base64`	`'base64'`
`DataUrl`	`'dataUrl'`

CameraSource

成员	值	描述
`Prompt`	`'PROMPT'`	提示用户选择相册或拍照。
`Camera`	`'CAMERA'`	使用相机拍摄新照片。
`Photos`	`'PHOTOS'`	从图库或相册中选择现有照片。

CameraDirection

成员	值
`Rear`	`'REAR'`
`Front`	`'FRONT'`

安装​

iOS​

Android​

变量​

PWA 注意事项​

示例​

API​

getPhoto(...)​

pickImages(...)​

pickLimitedLibraryPhotos()​

getLimitedLibraryPhotos()​

checkPermissions()​

requestPermissions(...)​

Interfaces​

Photo​

ImageOptions​

GalleryPhotos​

GalleryPhoto​

GalleryImageOptions​

PermissionStatus​

CameraPluginPermissions​

Type Aliases​

CameraPermissionState​

PermissionState​

CameraPermissionType​

Enums​

CameraResultType​

CameraSource​

CameraDirection​

Contents

安装

iOS

Android

变量

PWA 注意事项

示例

API

getPhoto(...)

pickImages(...)

pickLimitedLibraryPhotos()

getLimitedLibraryPhotos()

checkPermissions()

requestPermissions(...)

Interfaces

Photo

ImageOptions

GalleryPhotos

GalleryPhoto

GalleryImageOptions

PermissionStatus

CameraPluginPermissions

Type Aliases

CameraPermissionState

PermissionState

CameraPermissionType

Enums

CameraResultType

CameraSource

CameraDirection