当前位置: 首页 > news >正文

【小程序】媒体API能力集成指南——图片API

ty.chooseImage

从本地相册选择图片或使用相机拍照, 可用 chooseMedia 替代此方法

权限:[scope.camera, scope.writePhotosAlbum] 关联 API:[chooseMedia]

需引入BaseKit,且在>=2.1.2版本才可使用

参数

Object object

属性类型默认值必填说明
countnumber最多可以选择的图片张数
sizeTypearraysizeType ['original', 'compressed']
sourceTypearray选择图片的来源 ['album', 'camera']
completefunction接口调用结束的回调函数(调用成功、失败都会执行)
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数

object.success 回调参数

参数

Object res

属性类型说明
tempFilePathsstring[]图片的本地临时文件路径列表 (本地路径)
tempFilesTempFileCB[]图片的本地临时文件列表

TempFileCB

结构属性类型说明
pathstring本地临时文件路径 (本地路径)
sizenumber本地临时文件大小,单位 B

object.fail 回调参数

参数

Object res

属性类型说明
errorMsgstring插件错误信息
errorCodestring错误码
innerErrorobject插件外部依赖错误信息 {errorMsg: string, errorCode: string }

函数定义示例

/*** 从本地相册选择图片或使用相机拍照, 可用chooseMedia替代此方法**权限:[scope.camera, scope.writePhotosAlbum]*关联API:[chooseMedia]*/
export function chooseImage(params?: {/** 最多可以选择的图片张数 */count?: number;/** sizeType ['original', 'compressed'] */sizeType?: string[];/** 选择图片的来源 ['album', 'camera'] */sourceType?: string[];complete?: () => void;success?: (params: {/** 图片的本地临时文件路径列表 (本地路径) */tempFilePaths: string[];/** sizeType ['original', 'compressed'] */tempFiles?: TempFileCB[];}) => void;fail?: (params: {errorMsg: string;errorCode: string | number;innerError: {errorCode: string | number;errorMsg: string;};}) => void;
}): void;

ty.chooseMedia

拍摄或从手机相册中选择图片或视频

权限:[scope.camera, scope.writePhotosAlbum]

需引入BaseKit,且在>=2.5.0版本才可使用

参数

Object object

属性类型默认值必填说明
countnumber最多可以选择的文件数
mediaTypestring选择类型, 默认图片 'image' 只能拍摄图片或从相册选择图片 'video' 只能拍摄视频或从相册选择视频
sourceTypearray图片和视频选择的来源, 默认['album', 'camera'] 'album' 从相册选择 'camera' 使用相机拍摄
maxDurationnumber拍摄视频最长拍摄时间,单位秒。默认 10s 时间范围为 3s 至 60s 之间。不限制相册。
completefunction接口调用结束的回调函数(调用成功、失败都会执行)
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数

object.success 回调参数

参数

Object res

属性类型说明
typestring文件类型 'image' 图片 'video' 视频
tempFilesarray本地临时文件列表

object.fail 回调参数

参数

Object res

属性类型说明
errorMsgstring插件错误信息
errorCodestring错误码
innerErrorobject插件外部依赖错误信息 {errorMsg: string, errorCode: string }

函数定义示例

/*** 拍摄或从手机相册中选择图片或视频**权限:[scope.camera, scope.writePhotosAlbum]*/
export function chooseMedia(params?: {/** 最多可以选择的文件数 */count?: number;/*** 选择类型, 默认图片* 'image' 只能拍摄图片或从相册选择图片* 'video' 只能拍摄视频或从相册选择视频*/mediaType?: string;/*** 图片和视频选择的来源, 默认['album', 'camera']* 'album' 从相册选择* 'camera' 	使用相机拍摄*/sourceType?: string[];/*** 拍摄视频最长拍摄时间,单位秒。默认10s* 时间范围为 3s 至 60s 之间。不限制相册。*/maxDuration?: number;complete?: () => void;success?: (params: {/*** 文件类型* 'image' 图片* 'video' 视频*/type: string;/** 本地临时文件列表 */tempFiles?: TempMediaFileCB[];}) => void;fail?: (params: {errorMsg: string;errorCode: string | number;innerError: {errorCode: string | number;errorMsg: string;};}) => void;
}): void;

👉 立即开发。

ty.getImageInfo

获取图片信息

需引入BaseKit,且在>=2.4.3版本才可使用

参数

Object object

属性类型默认值必填说明
srcstring图片的路径,支持网络路径、本地路径
completefunction接口调用结束的回调函数(调用成功、失败都会执行)
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数

object.success 回调参数

参数

Object res

属性类型说明
widthnumber图片原始宽度,单位 px。不考虑旋转。
heightnumber图片原始高度,单位 px。不考虑旋转。
orientationstring拍照时设备方向 合法值 说明 up 默认方向(手机横持拍照),对应 Exif 中的 1。或无 orientation 信息。 up-mirrored 同 up,但镜像翻转,对应 Exif 中的 2 down 旋转 180 度,对应 Exif 中的 3 down-mirrored 同 down,但镜像翻转,对应 Exif 中的 4 left-mirrored 同 left,但镜像翻转,对应 Exif 中的 5 right 顺时针旋转 90 度,对应 Exif 中的 6 right-mirrored 同 right,但镜像翻转,对应 Exif 中的 7 left 逆时针旋转 90 度,对应 Exif 中的 8
typestring图片格式。 合法值 说明 unknown 未知格式 jpeg jpeg 压缩格式 png png 压缩格式 gif gif 压缩格式 tiff tiff 压缩格式

object.fail 回调参数

参数

Object res

属性类型说明
errorMsgstring插件错误信息
errorCodestring错误码
innerErrorobject插件外部依赖错误信息 {errorMsg: string, errorCode: string }

函数定义示例

/*** 获取图片信息*/
export function getImageInfo(params: {/** 图片的路径,支持网络路径、本地路径 */src: string;complete?: () => void;success?: (params: {/** 图片原始宽度,单位px。不考虑旋转。 */width: number;/** 图片原始高度,单位px。不考虑旋转。 */height: number;/*** 拍照时设备方向* 合法值	说明* up	默认方向(手机横持拍照),对应 Exif 中的 1。或无 orientation 信息。* up-mirrored	同 up,但镜像翻转,对应 Exif 中的 2* down	旋转180度,对应 Exif 中的 3* down-mirrored	同 down,但镜像翻转,对应 Exif 中的 4* left-mirrored	同 left,但镜像翻转,对应 Exif 中的 5* right	顺时针旋转90度,对应 Exif 中的 6* right-mirrored	同 right,但镜像翻转,对应 Exif 中的 7* left	逆时针旋转90度,对应 Exif 中的 8*/orientation: string;/*** 图片格式。* 合法值	说明* unknown	未知格式* jpeg	jpeg压缩格式* png	png压缩格式* gif	gif压缩格式* tiff	tiff压缩格式*/type: string;}) => void;fail?: (params: {errorMsg: string;errorCode: string | number;innerError: {errorCode: string | number;errorMsg: string;};}) => void;
}): void;

ty.chooseCropImage

从本地相册选择图片或使用相机拍照(可裁剪)

需引入BaseKit,且在>=2.2.4版本才可使用

参数

Object object

属性类型默认值必填说明
sourceTypearray选择图片的来源 ['album', 'camera'],默认都支持
completefunction接口调用结束的回调函数(调用成功、失败都会执行)
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数

object.success 回调参数

参数

Object res

属性类型说明
pathstring文件路径

object.fail 回调参数

参数

Object res

属性类型说明
errorMsgstring插件错误信息
errorCodestring错误码
innerErrorobject插件外部依赖错误信息 {errorMsg: string, errorCode: string }

函数定义示例

/*** 从本地相册选择图片或使用相机拍照(可裁剪)*/
export function chooseCropImage(params?: {/** 选择图片的来源 ['album', 'camera'],默认都支持 */sourceType?: string[];complete?: () => void;success?: (params: {/** 文件路径 */path: string;}) => void;fail?: (params: {errorMsg: string;errorCode: string | number;innerError: {errorCode: string | number;errorMsg: string;};}) => void;
}): void;

ty.previewImage

在新页面中全屏预览图片。

需引入BaseKit,且在>=2.1.2版本才可使用

参数

Object object

属性类型默认值必填说明
urlsarray需要预览的图片链接列表
currentnumber当前显示图片的链接
completefunction接口调用结束的回调函数(调用成功、失败都会执行)
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数

函数定义示例

/*** 在新页面中全屏预览图片。*/
export function previewImage(params: {/** 需要预览的图片链接列表 */urls: string[];/** 当前显示图片的链接 */current: number;complete?: () => void;success?: (params: null) => void;fail?: (params: {errorMsg: string;errorCode: string | number;innerError: {errorCode: string | number;errorMsg: string;};}) => void;
}): void;

👉 立即开发。 

相关文章:

  • web运行时安全
  • 【并发编程】线程基础知识
  • 我是如何写作的?
  • 深入理解分库、分表、分库分表
  • C#学习总结
  • 大数据技术(一)
  • Visual Studio C++项目远程断点调试客户现场程序方法
  • 蓝桥杯(3.1)
  • 李沐动手学习深度学习——4.2练习
  • 面试数据库篇(mysql)- 06覆盖索引
  • 一句话讲清楚数据库中事务的隔离级别(通俗易懂版)
  • 贪心 Leetcode 53 最大子数组和
  • Pycharm的下载安装与汉化
  • 【Mybatis】多表映射 第二期
  • 德人合科技 | 天锐绿盾终端安全管理系统
  • 【Leetcode】104. 二叉树的最大深度
  • 【个人向】《HTTP图解》阅后小结
  • 2017前端实习生面试总结
  • angular2开源库收集
  • extjs4学习之配置
  • JS创建对象模式及其对象原型链探究(一):Object模式
  • Promise初体验
  • socket.io+express实现聊天室的思考(三)
  • vue自定义指令实现v-tap插件
  • WebSocket使用
  • win10下安装mysql5.7
  • 翻译 | 老司机带你秒懂内存管理 - 第一部(共三部)
  • 工作中总结前端开发流程--vue项目
  • 官方新出的 Kotlin 扩展库 KTX,到底帮你干了什么?
  • 看完九篇字体系列的文章,你还觉得我是在说字体?
  • 前嗅ForeSpider教程:创建模板
  • 数据结构java版之冒泡排序及优化
  • 腾讯视频格式如何转换成mp4 将下载的qlv文件转换成mp4的方法
  • 我的zsh配置, 2019最新方案
  • 想晋级高级工程师只知道表面是不够的!Git内部原理介绍
  • 用jQuery怎么做到前后端分离
  • [地铁译]使用SSD缓存应用数据——Moneta项目: 低成本优化的下一代EVCache ...
  • 400多位云计算专家和开发者,加入了同一个组织 ...
  • #宝哥教你#查看jquery绑定的事件函数
  • (01)ORB-SLAM2源码无死角解析-(56) 闭环线程→计算Sim3:理论推导(1)求解s,t
  • (02)vite环境变量配置
  • (1)(1.13) SiK无线电高级配置(六)
  • (13)Latex:基于ΤΕΧ的自动排版系统——写论文必备
  • (arch)linux 转换文件编码格式
  • (附源码)springboot电竞专题网站 毕业设计 641314
  • (附源码)基于SpringBoot和Vue的厨到家服务平台的设计与实现 毕业设计 063133
  • (九)c52学习之旅-定时器
  • (三维重建学习)已有位姿放入colmap和3D Gaussian Splatting训练
  • (转) 深度模型优化性能 调参
  • .gitattributes 文件
  • .NET Core 成都线下面基会拉开序幕
  • .Net 路由处理厉害了
  • .Net通用分页类(存储过程分页版,可以选择页码的显示样式,且有中英选择)
  • [ CTF ] WriteUp- 2022年第三届“网鼎杯”网络安全大赛(朱雀组)
  • [20171106]配置客户端连接注意.txt