집 >위챗 애플릿 >미니 프로그램 개발 >소규모 프로그램 개발 시 영상 업로드 기능 구현 방법
지침:
공식 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,以后如果视频太大可以在选择视频的时候进行压缩 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('接口调用失败') } }) } })
관련 추천 : 미니 프로그램 개발 튜토리얼
위 내용은 소규모 프로그램 개발 시 영상 업로드 기능 구현 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!