原生微信小程序做视频和图片上传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 小时前
uniapp: 微信小程序包体积超过2M的优化方法(主包从2.7M优化到1.5M以内)
微信小程序·小程序·uni-app
曼荼罗poisonous1 小时前
解决微信小程序自定义tabbar点击两次才能跳转
微信小程序·小程序
Stanford_11064 小时前
C++入门基础知识150—【关于C++ 输入/输出运算符重载】
前端·javascript·c++·微信小程序·微信公众平台·twitter·微信开放平台
小蒜学长9 小时前
基于springboot的“衣依”服装销售平台的设计与实现(代码+数据库+LW)
java·数据库·spring boot·后端·oracle·小程序
比文云官网运营人9 小时前
微信小程序——01开发前的准备和开发工具
微信小程序·小程序·notepad++
小马哥编程10 小时前
【微信小程序】访客管理
微信小程序·小程序·notepad++
计算机毕设定制辅导-无忧学长11 小时前
基于微信小程序的河池旅游设计与实现
java·微信小程序·旅游
蜕变菜鸟11 小时前
UNI-APP小程序答题功能开发(左右滑动,判断,填空,问答,答题卡,纠错,做题倒计时等)
小程序·uni-app
chen_sir_sh11 小时前
使用uniapp开发微信小程序使用uni_modules导致主包文件过大,无法发布的解决方法
微信小程序·uni-app·notepad++