小程序上传视频及预览(含后台)

上传视频，图片等都是调用wx.uploadFile，后台接口都不用改。
.wxml

<button bindtap="chooseVideo">
  添加视频</button>

<block wx:if="{
  {src != ''}}">
  <video src="{
  {src}}"></video>
</block>

.js

  Page({
  data: {
    src: ''
  },
  //选择视频
  chooseVideo: function() {
    var that = this
    wx.chooseVideo({
      success: function(res) {
        that.setData({
          src: res.tempFilePath,
        })
        that.uploadvideo();
      }
    })
  },
  uploadvideo: function() {
    var src = this.data.src;
    wx.uploadFile({
      url: '**************/Upload', //服务器接口
      filePath: src,
      header: {
        'content-type': 'multipart/form-data'
      },
      name: 'files',
      success: function(res) {
        console.log(res.data)
      },
      fail: function() {
        console.log('