微信小程序开发之视频上传

最新推荐文章于 2025-06-16 10:53:39 发布

原创

最新推荐文章于 2025-06-16 10:53:39 发布 · 4.1w 阅读

63 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #视频上传

官方提供了API，基本直接调用就可以了

index.wxml

 <view class="page-body-info">
      <block wx:if="{
  
  {src === ''}}">
        <view class="image-plus image-plus-nb" bindtap="chooseVideo">
          <view class="image-plus-horizontal"></view>
          <view class="image-plus-vertical"></view>
        </view>
        <view class="image-plus-text">添加视频</view>
      </block>
      <block wx:if="{
  
  {src != ''}}">
        <video src="{
  
  {src}}" class="video"></video>
      </block>
    </view>

index.js

Page({
  data: {
    src: ''
  },
 //选择视频
  chooseVideo: function() {
    var that = this
    wx.chooseVideo({
      success: function(res) {
        that.setData({
          src: res.tempFilePath,
        })
      }
    })
  },
  //上传视频 目前后台限制最大100M，以后如果视频