微信小程序中上传视频的开发代码实现解析

<view class="page-body-info">

  <block wx:if="{{src === &#39;&#39;}}">

    <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 != &#39;&#39;}}">

    <video src="{{src}}" class="video"></video>

  </block>

</view>

Page({

  data: {

    src: ''

  },

 //选择视频

  chooseVideo: function() {

    var that = this

    wx.chooseVideo({

      success: function(res) {

        that.setData({

          src: res.tempFilePath,

        })

      }

    })

  },

  //上传视频 目前后台限制最大100M，以后如果视频太大可以在选择视频的时候进行压缩

  uploadvideo: function() {

    var src = this.data.src;

    wx.uploadFile({

      url: 'http://172.16.98.36:8080/upanddown/upload2',//服务器接口

      method: 'POST',//这行好像可以不用

      filePath: src,

      header: {

        'content-type': 'multipart/form-data'

      },

      name: 'files',//服务器定义key字段名称

      success: function() {

        console.log('视频上传成功')

      },

      fail: function() {

        console.log('接口调用失败')

      }

    })

  }

})