1. 程式人生 > >微信小程式中實現上傳視訊的開發程式碼

微信小程式中實現上傳視訊的開發程式碼

index.wxml

<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>
<video src="{{src}}" class="video"></video>
index.js

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('介面呼叫失敗')

  }

})

  }

})