将您的微信小程序图片上传到阿里云OSS（前端操作）

2023-04-21 01:08:10

微信小程序上传图片到阿里云OSS指南

在现代互联网发展的浪潮中，微信小程序已成为不可忽视的力量，其广泛的影响力渗透到生活的方方面面。作为一名颇具远见的开发者，您可能已经邂逅了一个亟需解决的难题：如何将微信小程序中的图片上传到阿里云OSS，实现图片的便捷存储和管理？这份详尽的指引将为您逐一解惑，助您轻松完成这一任务。

准备就绪：起航前必备

扬帆起航之前，您需要做好充分的准备：

阿里云OSS账户： 创建一个阿里云OSS账户，并创建一个Bucket来容纳您的图片。获取您的AccessKeyID和AccessKeySecret。
微信开发者账号： 注册一个微信开发者账号，申请一个小程序ID和AppSecret。
微信开发者工具： 使用微信开发者工具创建一个新的微信小程序项目。

上传图片：让您的图片触达云端

一切准备就绪后，让我们踏上上传图片的征程：

修改配置文件： 在小程序的配置文件中添加以下配置：

{
  "cloud": {
    "type": "aliyunoss",
    "provider": {
      "region": "your-region",
      "accessKeyId": "your-access-key-id",
      "accessKeySecret": "your-access-key-secret",
      "bucket": "your-bucket-name"
    }
  }
}

上传代码： 在小程序的页面文件中，使用wx.uploadFile函数上传图片：

wx.uploadFile({
  url: 'https://service-aliyun.weixin.qq.com/upload/oss',
  filePath: tempFilePath,
  name: 'file',
  header: {
    'Content-Type': 'image/jpeg'
  },
  formData: {
    'key': 'your-object-key'
  },
  success: function (res) {
    console.log('上传成功', res)
  },
  fail: function (res) {
    console.log('上传失败', res)
  }
})