原生微信小程序做视频和图片上传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_9160088915 小时前
iOS App 混淆的真实世界指南,从构建到成品 IPA 的安全链路重塑
android·安全·ios·小程序·uni-app·cocoa·iphone
计算机毕设指导615 小时前
基于微信小程序的健康指导平台【源码文末联系】
java·spring boot·mysql·微信小程序·小程序·tomcat·maven
wx_ywyy679815 小时前
同城跑腿小程序核心功能解析:多订单合并、智能计费与实时位置共享
小程序·跑腿小程序·小程序制作·同城小程序·同城服务小程序开发·跑腿小程序开发·外卖小程序开发
2501_9151063215 小时前
iPhone 耗电异常全面诊断指南,构建多工具协同的电量分析与优化体系
android·ios·小程序·https·uni-app·iphone·webview
han_hanker16 小时前
svg 可改颜色,但似乎不支持微信小程序
微信小程序·小程序·notepad++
2501_9159090617 小时前
Fiddler抓包与接口调试实战,HTTPHTTPS配置、代理设置与移动端抓包详解
前端·测试工具·ios·小程序·fiddler·uni-app·webview
我命由我1234518 小时前
微信小程序开发 - 为 tap 事件的处理函数传递数据
开发语言·前端·javascript·微信小程序·小程序·前端框架·js
2501_915106321 天前
如何查看手机使用记录:Android和iOS设备全面指南
android·ios·智能手机·小程序·uni-app·iphone·webview
chaffererdog1 天前
uniapp开发微信小程序使用vk-uview-ui的uSearch搜索组件,在微信开发者工具中点击输入框会意外触发custom事件
微信小程序·小程序·uni-app
程序员鱼皮2 天前
现在上线个小程序这么麻烦吗?!
微信小程序·程序员·aigc