小程序云开发——图片视频资源上传云端并返回云端路径

在现在的应用中，包括小程序，图片视频等元素是产品必不可少的一部分。如果一个产品仅支持文字，将会很单调。有时候我们需要将图片视频上传到云端或者服务器。我这里将介绍在小程序中怎么上传图片和视频到云端，并返回云端路径，可以将这个云端路径存入数据库，下次加载云端图片和视频就从数据库中取出相应的云端路径，再从云端获取相应的图片视频资源加载到小程序端。

再小程序云开发中，提供了API用于实现本地图片视频等文件的上传，上传成功后会执行 success 回调函数，可以在回调函数里面获取图片和视频资源的云端路径（实际上返回的是云端的 fileID）。

文件上传调用同一个方法：

文件的上传其实就是从本地临时路径到云端路径。
临时路径（filePath）：选择图片和视频产生的路径，拍照和录视频也是这个路径。
云端路径（cloudPath）：也就是文件在云端的名字，自己随便取，但要符合命名规则。

//写在方法里
var that = this;
var filePath = res.tempFilePaths[0]    //这是选择图片后产生的临时路径
let timestamp = Date.parse(new Date());
const cloudPath = timestamp + filePath.match(/\.[^.]+?$/)[0]
//上传到云存储
wx.cloud.uploadFile({
  cloudPath, //在云端的文件名称
  filePath, //临时文件路径
  success: res => {
    console.log(res.fileID);
    that.setData({
      imgpathDB: res.fileID //res.fileID是文件上传成功后返回的值，从云端调用视频图片资源需要该值
    })
  }
})