微信小程序> 微信小程序中实现上传视频的开发代码

微信小程序中实现上传视频的开发代码

浏览量:674 时间: 来源:库行天下

index.wxml

 
view class="image-plus image-plus-nb" bindtap="chooseVideo"  view class="image-plus-horizontal"/view  view class="image-plus-vertical"/view/viewview class="image-plus-text"添加视频/view
    
video src="{{src}}" class="video"/video
 
index.jsPage({  data: {src: ''

},

//选择视频

chooseVideo: function() {var that = thiswx.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('接口调用失败')  }})  }})

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎