微信小程式中實現上傳視訊的開發程式碼
阿新 • • 發佈:2018-12-06
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('介面呼叫失敗') } }) } })