微信小程序云开发（3）云存储，文件的上传和下载

使用 wx.cloud.uploadFile 方法将文件上传到云存储，使用 wx.cloud.downloadFile 方法从云存储中下载文件。

前提条件

1. 初始化云开发环境：确保你已经在微信小程序中启用了云开发，并创建了一个云环境。
2. 设置云存储权限：确保你的云存储权限设置允许进行上传和下载操作。

上传文件示例

假设我们要上传一个图片文件到云存储的某个路径。

步骤

1. 选择文件：通常，你会使用 wx.chooseImage 让用户选择文件。
2. 上传文件：使用 wx.cloud.uploadFile 将文件上传到云存储。

wx.chooseImage({
  count: 1, // 只允许选择一张图片
  sizeType: ['original', 'compressed'], // 可以选择原图或压缩后的图片
  sourceType: ['album', 'camera'], // 可以从相册或相机选择
  success: function(res) {
    const filePath = res.tempFilePaths[0]; // 获取文件的临时路径

    // 上传文件到云存储
    const cloudPath = 'your-folder/image.jpg'; // 云存储中的文件路径
    wx.cloud.uploadFile({
      cloudPath: cloudPath,
      filePath: filePath,
      success: res => {
        console.log('上传成功', res);
        console.log('文件ID', res.fileID); // 输出文件ID
      },
      fail: err => {
        console.error('上传失败', err);
      }
    });
  }
});

下载文件示例

假设我们要从云存储中下载刚才上传的图片文件。

步骤

1. 获取文件ID或路径：你需要知道文件的ID或存储路径。
2. 下载文件：使用 wx.cloud.downloadFile 从云存储中下载文件。

const fileID = 'your-file-id'; // 替换为实际的文件ID

wx.cloud.downloadFile({
  fileID: fileID,
  success: res => {
    const tempFilePath = res.tempFilePath; // 获取下载文件的临时路径
    console.log('下载成功', tempFilePath);

    // 你可以选择显示图片或做其他处理
    wx.previewImage({
      urls: [tempFilePath] // 显示下载的图片
    });
  },
  fail: err => {
    console.error('下载失败', err);
  }
});

注意事项

1. 文件路径和ID：

   • cloudPath 是你在云存储中自定义的文件路径。
   • fileID 是文件在云存储中的唯一标识符，通常在上传文件成功后返回。

2. 临时文件路径：

   • filePath 是通过 wx.chooseImage 等方法获取的本地文件的临时路径。
   • tempFilePath 是下载文件后获取的临时路径，可以用于预览或进一步处理。

3. 权限设置：

   • 确保云存储的权限设置允许你的小程序进行上传和下载操作。

4. 错误处理：

   • 在实际应用中，务必添加错误处理逻辑，以应对网络问题或权限不足等情况。