Code de développement pour télécharger des vidéos dans l'applet WeChat

Le contenu de cet article concerne le code de développement pour le téléchargement de vidéos dans l'applet WeChat. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

En fait, c'est relativement simple. L'interface API officielle est fournie. En gros, vous pouvez l'appeler directement, sans plus tarder, le code est le suivant

index.wxml

.

    <view class="page-body-info">
      <block wx:if="{{src === &#39;&#39;}}">
        <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 != &#39;&#39;}}">
        <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('接口调用失败')
      }
    })
  }
})

Recommandations associées :

WeChat JSSDK télécharge des images_compétences javascript

AJAX de manière asynchrone depuis Youku Collectez toutes les vidéos et informations de l'album (code JavaScript)_compétences javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!