---
name: "fetchImageThumbnail"
mode: "kit"
versionRequirements:
  - { name: "BaseKit", version: "3.14.2" }
  - { name: "@ray-js/ray", version: "1.5.30" }
platform:
  - "iOS"
  - "Android"
async: true
title: "fetchImageThumbnail - 获取图片的缩略图"
---

## fetchImageThumbnail

> [VERSION] BaseKit >= 3.14.2 | @ray-js/ray >= 1.5.30

> [PLATFORM] iOS, Android

> ⚡ **支持 Promise 调用** — 不传 success / fail / complete 回调时，该方法返回 Promise。

### 描述

获取图片的缩略图

### 参数

| 属性 | 类型 | 必填 | 默认值 | 最低版本 | 描述 |
| --- | --- | --- | --- | --- | --- |
| `originPath` | `string` | 是 | - | `3.14.2` | 资源原始地址 |
| `thumbWidth` | `number` | 是 | - | `3.14.2` | 缩略图宽度 px |
| `thumbHeight` | `number` | 是 | - | `3.14.2` | 缩略图高度 px |
| `complete` | `() => void` | 否 | - | - | 接口调用结束的回调函数（调用成功、失败都会执行） |
| `success` | `(params: Object) => void` ↓见下方 | 否 | - | - | 接口调用成功的回调函数 |
| `fail` | `(params: Object) => void` ↓见下方 | 否 | - | - | 接口调用失败的回调函数 |

#### success 回调参数

| 属性 | 类型 | 最低版本 | 描述 |
| --- | --- | --- | --- |
| `thumbnailPath` | `string` | `3.14.2` | 缩略图地址 |

#### fail 回调参数

| 属性 | 类型 | 描述 |
| --- | --- | --- |
| `errorMsg` | `string` | 错误信息 |
| `errorCode` | `string \| number` | 错误码 |
| `innerError` | `Object` | 错误扩展 |

##### fail(params).innerError 的属性

| 属性 | 类型 | 描述 |
| --- | --- | --- |
| `errorCode` | `string \| number` | 错误扩展码 |
| `errorMsg` | `string` | 错误扩展信息 |


### 示例代码

#### Demo

```tsx
import { downloadFile, fetchImageThumbnail } from '@ray-js/ray'

// 获取图片缩略图：先下载图片，再按指定宽高生成缩略图
downloadFile({
  url: "https://airtake-public-data-1254153901.cos.ap-shanghai.myqcloud.com/ttttestfile/test_image.jpg",
  success: ({ tempFilePath }) => {
    fetchImageThumbnail({
      originPath: tempFilePath,
      thumbWidth: 100,
      thumbHeight: 100,
      success: data => console.log("缩略图路径：", data.thumbnailPath),
      fail: error => console.error(error),
    });
  },
  fail: error => console.error(error),
});
```