微信小程序> 微信小程序wx.uploadFile上传视频遇到的两个坑

微信小程序wx.uploadFile上传视频遇到的两个坑

浏览量:1433 时间: 来源:ruanhongbiao
var _this = this;      wx.chooseVideo({          sourceType: ['album', 'camera'],          maxDuration: 60,          camera: 'back',          success(res) {                       const uploadTask = wx.uploadFile({                  url: '', // 上传到服务器                  filePath: res.tempFilePath,                  name: 'file',                  header: {                      "Content-Type": "multipart/form-data"                  },                  formData: {                      fileKey: fileKey                  },                  success(res) {                      const data = JSON.parse(res.data);// 坑一:与wx.request不同,wx.uploadFile返回的是json字符串,需要自己转为JSON对象格式                      console.log(data);                      }              });              uploadTask.onProgressUpdate((res) => {                  const uploadProgress = res.progress;                  if(uploadProgress < 100){                     // 坑2:wx.uploadFile本身有一个this,所以要通过外部var _this = this 把this带进来                      _this.setData({                          uploadPercent: uploadProgress                      });                  } else if(uploadProgress === 100){                      _this.setData({                          uploadPercent: 50                      });                  }                  console.log('上传进度', res.progress);                  console.log('已经上传的数据长度', res.totalBytesSent);                  console.log('预期需要上传的数据总长度', res.totalBytesExpectedToSend)              });          }      })

 

版权声明

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

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

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