The content of this article is about the development code for uploading videos in the WeChat applet. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.
In fact, this is relatively simple. The official API interface is provided. Basically, you can call it directly. Without further ado, the code is as follows
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('接口调用失败') } }) } })
Related recommendations:
WeChat JSSDK upload pictures_javascript skills
The above is the detailed content of Development code for uploading videos in WeChat applet. For more information, please follow other related articles on the PHP Chinese website!