useImage
图片操作, 如预览、获取、压缩等.
何时使用
当需要对图片进行操作时
API
const [
fileInfo,
{ choose, compress, get, preview, previewMedia, save, edit }
] = useImage(option?);
参数说明
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
option | 初始拾取图片配置(若指定后面可与新的配置合并) | ExcludeOption<Taro.chooseImage.Option> | - |
返回值说明
返回值 | 说明 | 类型 |
---|---|---|
fileInfo | 当前选中的图片 | Omit<Taro.chooseImage.SuccessCallbackResult, 'errMsg'> |
choose | 选择(会话)图片 | PromiseParamsAction<(option?: ChooseOption | ExcludeOption<Taro.chooseMessageFile.Option>, messageFile?: boolean) => void, Taro。chooseImage.SuccessCallbackResult | Taro.chooseMessageFile.SuccessCallbackResult> |
compress | 压缩图片 | PromiseParamsAction<(src: string, quality?: number) => void, CompressSuccessResult> |
get | 获取图片资源详情 | PromiseAction<string, Taro.getImageInfo.SuccessCallbackResult> |
preview | 预览 | PromiseAction<ExcludeOption<Taro.previewImage.Option>> |
previewMedia | 预览图片和视频 | PromiseAction<ExcludeOption<Taro.previewMedia.Option>> |
save | 保存图片到系统相册 | PromiseAction<string> |
edit | 编辑图片接口 | PromiseAction<string, Taro.editImage.SuccessCallbackResult> |
代码演示
Hook 支持度
微信小程序 | H5 | ReactNative |
---|---|---|
✔️ | ✔️ | ✔️ |