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

相关推荐
博、、1 天前
智慧场馆解决方案小程序系统:从架构设计到部署实践
小程序
lhldsg1 天前
智慧场馆解决方案小程序开发实战:从架构设计到部署指南
java·小程序·uni-app
维双云1 天前
配送小程序怎么做?从下单到配送全流程功能拆解。
小程序
smartpi_ai1 天前
JL-17T 能接传感器并把数据发到小程序吗?GPIO/ADC/UART 平台可做,I2C/SPI 要二开
人工智能·小程序·语音识别
andrsted1 天前
在线刷小程序推荐
学习·微信小程序·小程序·学习方法
Mark108591 天前
【踩坑】Uni-app微信小程序自定义组件在 Flex 布局中未铺满整行
微信小程序·小程序·uni-app
深瞳智检1 天前
深瞳智检(小程序)正式上线!【免费/快捷/方便】获取YOLO检测数据集
人工智能·yolo·目标检测·小程序·数据集·cv数据收集
2601_963870211 天前
【计算机毕业设计】基于微信小程序的电子家谱的设计与实现
微信小程序·小程序·课程设计
zww89491111 天前
外卖CPS小程序系统:从返利链路到订单回填的技术实现
小程序
lhldsg1 天前
酒吧点餐小程序开发:从需求分析到技术落地实战
java·前端·小程序·架构·交友