私域电商软件及相关增值服务提供商    

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

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电商交易系统

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

了解更多
企业集采商城系统

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

了解更多
员工福利商城系统

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

了解更多

电话咨询 微信咨询 0元开店