2023年微信小程序API 视频·拍摄或相册中选择图片或视频

作者: --时间: 2022-09-29 阅读量:
请在您的小程序中完美实现拍摄或从手机相册中选择图片或视频的功能,让用户轻松上传和分享自己的珍贵时刻。以下是选择图片或视频功能的相关参数和示例代码:

1. 参数

通过配置不同的参数,可以定制化用户的选择体验。

  1. count:最多可选择的文件个数,默认为9,根据具体业务需求进行修改。
  2. mediaType:文件类型,默认为['image', 'video'],即支持选择图片和视频,可以根据实际需要进行调整。
  3. sourceType:选择文件的来源,默认为['album', 'camera'],即支持从手机相册和拍照上传,也可以根据具体需求进行定制。
  4. maxDuration:最长拍摄时间,单位为秒,默认值为10,范围为3s至30s之间。
  5. sizeType:仅对mediaType为image时有效,表示是否压缩所选文件,默认为['original', 'compressed']。
  6. camera:仅在sourceType为camera时生效,表示使用前置或后置摄像头,默认值为'back'。
  7. success:接口调用成功的回调函数。
  8. fail:接口调用失败的回调函数。
  9. complete:接口调用结束的回调函数,无论成功或失败都会执行。

2. 返回值

调用wx.chooseMedia接口后返回一个Object对象,其中包含tempFiles和type两个属性。

  • tempFiles:文件列表,是一个数组。每个文件对象包括以下属性:tempFilePath(本地临时文件路径)、size(文件大小,单位B)、duration(视频时长)、height(视频高度)、width(视频宽度)和thumbTempFilePath(视频缩略图临时文件路径)。
  • type:文件类型,有效值有image、video。

3. 示例代码

以下是选择图片或视频功能的示例代码:

wx.chooseMedia({
  count: 9,
  mediaType: ['image','video'],
  sourceType: ['album', 'camera'],
  maxDuration: 30,
  camera: 'back',
  success(res) {
    console.log(res.tempFiles[0].tempFilePath);
  }
})

以上代码将实现选择图片或视频的功能,用户可自由上传和分享自己的互动内容。

一套系统全搞定
  • 商家管理
  • 商品管理
  • 订单管理
  • 会员管理
  • 营销中心
  • 供应链入驻
  • 财务管理
  • 支付分账
  • 商城直播
免费试用
更多产品任你选
  • B2B2C多用户商城系统

    类天猫&京东模式系统

    介绍方案
  • B2B2B电商交易系统

    全渠道订货/采购及经销商管
    理数字化系统

    获取案例
  • S2B2B电商交易系统

    上下游资源整合数字化解决方

    演示后台
  • 企业集采商城系统

    中大型企业数字化采购与交易
    系统

    模式介绍
  • 员工福利商城系统

    集福利管理、发放于一体的员工福利商城

    马上试用
更多功能 产品资料 电话沟通 免费试用