原生微信小程序做视频和图片上传wx.chooseMedia({})

we_前端全家桶

于 2024-11-18 10:10:00 发布

阅读量620

点赞数 3

CC 4.0 BY-SA版权

分类专栏：原生微信小程序文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/qq_26277237/article/details/143845139

原生微信小程序专栏收录该内容

4 篇文章

订阅专栏

原来的旧的方法已经被遗弃，现在最新上传视频和图片的方法用的是wx.chooseMedia({})，共同用这个方法，参数不一样；

code：

wxml：


                          <!-- 上传图片 -->
<view class="upload-box" bindtap="uploadImage">
    上传图片
</view>

js：


  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']！