一、准备工作

在开始编写代码之前，我们需要做一些准备工作：

  1. 注册并配置云开发环境：首先，你需要注册一个腾讯云账号，并开启云开发环境。
  2. 配置小程序：在开发者工具中，配置你的小程序的相关信息，如AppID、AppSecret等。
  3. 安装依赖：在项目中安装wx-miniprogram-sdk等依赖。

二、图片上传

1. 选择图片

wx.chooseImage({
  count: 1, // 默认9
  sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
  sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
  success(res) {
    // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
    const tempFilePaths = res.tempFilePaths;
    // 这里可以调用上传接口
    uploadFile(tempFilePaths[0]);
  }
});

2. 上传图片

function uploadFile(filePath) {
  const cloud = require('wx-miniprogram-sdk').cloud;
  const uploadFile = cloud.uploadFile({
    cloudPath: 'path/to/upload', // 上传至云端的路径
    filePath: filePath, // 小程序临时文件路径
    success: res => {
      console.log('上传成功', res.fileID);
      // 这里可以将fileID存储到数据库或其他地方
    },
    fail: err => {
      console.error('上传失败', err);
    }
  });
}

三、视频上传

1. 选择视频

使用wx.chooseVideo接口可以让用户选择一个视频。

wx.chooseVideo({
  sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
  success(res) {
    // 返回视频的临时文件路径
    const tempFilePath = res.tempFilePath;
    // 这里可以调用上传接口
    uploadFile(tempFilePath);
  }
});

2. 上传视频

上传视频到云开发环境，同样可以使用wx.cloud.uploadFile接口。

function uploadFile(filePath) {
  const cloud = require('wx-miniprogram-sdk').cloud;
  const uploadFile = cloud.uploadFile({
    cloudPath: 'path/to/upload', // 上传至云端的路径
    filePath: filePath, // 小程序临时文件路径
    success: res => {
      console.log('上传成功', res.fileID);
      // 这里可以将fileID存储到数据库或其他地方
    },
    fail: err => {
      console.error('上传失败', err);
    }
  });
}

四、总结