原生微信小程序做视频和图片上传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']!

相关推荐
2501_9160074741 分钟前
iOS 自动化上架的工具组合,在多平台环境中实现稳定发布
android·运维·ios·小程序·uni-app·自动化·iphone
1024小神42 分钟前
uniapp项目中使用vue3和小程序组件父子通信
前端·小程序·uni-app
世洋Blog1 小时前
Unity开发微信小程序-避开新InputSystem有关坑
unity·微信小程序
爱敲代码的婷婷婷.1 小时前
微信小程序配置h5域名 / 普通二维码规则
微信小程序·小程序
漏刻有时1 小时前
微信小程序学习实录13:网络PDF文件的下载、本地缓存、预览、保存及主动转发
网络·学习·微信小程序
漏刻有时1 小时前
微信小程序学习实录12:wx.serviceMarket.invokeService接口OCR识别营业执照和银行卡
学习·微信小程序·ocr
说私域17 小时前
基于开源AI大模型的AI智能名片在S2B2C商城小程序维度表重复数据整理中的应用及效果研究
人工智能·小程序
云起SAAS21 小时前
图文小程序内无实质业务服务功能体验不完整解决小程序开源
小程序
毕设源码-朱学姐21 小时前
【开题答辩全过程】以 干洗店预约服务小程序为例,包含答辩的问题和答案
小程序
百锦再21 小时前
Elements Plus 跨设备自适应显示问题综合解决方案
python·flutter·小程序·uni-app·k8s·tornado·net