原生微信小程序做视频和图片上传wx.chooseMedia({})

原来的旧的方法已经被遗弃,现在最新上传视频和图片的方法用的是wx.chooseMedia({}),共同用这个方法,参数不一样;

code:

wxml:

html 复制代码
                          <!-- 上传图片 -->
<view class="upload-box" bindtap="uploadImage">
    上传图片
</view>

js:

javascript 复制代码
  uploadImage(){
    wx.chooseMedia({
      count: 1,
      // mediaType: ['image','video'], ==》注意:都兼容上传就这么写,只是单上传其中一个,就只是一个
      mediaType: ['image'],
      sourceType: ['album', 'camera'],
      maxDuration: 30,
      camera: 'back',
      success(res) {
        // console.log(res.tempFiles[0].tempFilePath)
      }
    })

  },

总结:

1.注意参数mediaType参数,该参数为数组,想要点击分别都可以上传图片和视频,就mediaType: 'image','video',这么写,只是图片就mediaType: 'image',当然视频就是:mediaType: 'video'!

相关推荐
计算机毕设定制辅导-无忧学长4 小时前
《基于微信小程序的居家医疗陪护预约系统设计与实现》
java·spring boot·微信小程序·uniapp·居家医疗陪护预约系统
wafrdggh11 小时前
2026 商城小程序平台哪个价格合理?把跨境附加成本这个坑算透
大数据·小程序
大数据技术派1 天前
我用AI写代码,做了3个小玩意儿
后端·微信小程序
律宏阔2 天前
Taro 4 项目从 npm 迁移到 pnpm 踩坑实录
前端·微信小程序·taro
恩创软件开发2 天前
自助KTV系统管理员续单功能
经验分享·小程序
多客:duokelijie3 天前
代练订单系统选型思路:跨品类游戏接入、订单分层管理、自动结算逻辑拆解!
数据库·mysql·微信小程序·前端框架·uni-app·php·持续部署
AI源码4 天前
在线考试小程序
小程序·notepad++
计算机毕设定制辅导-无忧学长4 天前
《基于微信小程序健康习惯激励系统设计与实现》
java·spring boot·mysql·微信小程序·uniapp·健康习惯激励系统
2501_916008894 天前
iPhone 设备信息查看,用 KeyMob 看型号、序列号、电池健康和 UDID
android·ios·小程序·https·uni-app·iphone·webview
拖孩5 天前
流量主门槛从 500 降到 100,我的小程序上线 18 小时够到了线
前端·后端·微信小程序