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

相关推荐
小小王app小程序开发22 分钟前
场馆预约小程序核心玩法拆解与技术落地分析
小程序
qq_124987075329 分钟前
基于springboot的微信小程序的博物馆文创系统的设计与实现(源码+论文+部署+安装)
java·spring boot·后端·spring·微信小程序·毕业设计·计算机毕设
吴声子夜歌1 小时前
小程序——文件上传和下载
小程序
计算机徐师兄1 小时前
Java基于微信小程序的社区垃圾回收管理系统【附源码、文档说明】
java·微信小程序·社区垃圾回收管理系统·社区垃圾回收管理系统小程序·社区垃圾回收管理微信小程序·社区垃圾回收管理小程序·jav社区垃圾回收管理小程序
CHU7290351 小时前
便捷点餐,随心畅享——外卖点餐小程序前端功能详解
前端·小程序
2501_916008892 小时前
iPhone 上怎么抓 App 的网络请求,在 iOS 设备上捕获网络请求
android·网络·ios·小程序·uni-app·iphone·webview
TE-茶叶蛋2 小时前
小程序协同编辑实战:从 Yjs 到纯 JavaScript 的重构之路
javascript·小程序·重构
前端 贾公子4 小时前
小程序 icon 解决方案 == iconify
小程序
博客zhu虎康4 小时前
音视频处理:微信小程序实现语音转文字功能
微信小程序·小程序
00后程序员张5 小时前
iOS上架工具,AppUploader(开心上架)用于证书生成、描述文件管理Xcode用于应用构建
android·macos·ios·小程序·uni-app·iphone·xcode