上传视频至云端并在本地显示---记微信小程序云开发过程

作者：大家好，我是alicomon
寄语读者： 此篇博客为学习或开发记录，目的有二。
1.记录知识点，方便温故知新；
2.为自己和读者提供帮助，用于交流，共同提高。

1. index.wxml

<button bindtap="uploadVideo" type="primary">上传视频</button>
<video src="{{VideoUrl}}"></video>

2. index.js

let VideoUrlExchange=""
Page({

  /**
   * 页面的初始数据
   */
  data: {
    VideoUrl:""
  },
uploadVideo(){
  wx.chooseVideo({
    success: chooseResult => {

      // 将视频上传至云存储空间
      console.log("视频选择完成",chooseResult)
      console.log("上传中······")
      wx.cloud.uploadFile({
        // 指定上传到的云路径
        cloudPath: new Date().getTime() + '.MP4',

        // 指定要上传的文件的小程序临时文件路径，也即刚刚选中的视频，所在开发工具中的临时位置
        filePath: chooseResult.tempFilePath,
        // 成功回调
        success: res => {
          console.log('上传成功，路径为：', res.fileID)
          VideoUrlExchange = res.fileID
          console.log(VideoUrlExchange)
          //2. 初始化视频数据
          this.setData({
            VideoUrl: VideoUrlExchange
          }) 
          }
      })
    }
  })
}
})

3.效果展示（插图）