Egg.js集成腾讯云COS，轻松上传存储图片，助你构建高效应用

2023-11-19 07:39:43

在当今互联网飞速发展的时代，图片作为一种重要的信息载体，已经渗透到各个行业和领域。在Web应用开发中，图片的上传和存储管理是一项必不可少的任务。Egg.js 作为一款优秀的Node.js框架，提供了强大的中间件和插件机制，使我们能够轻松集成第三方服务。而腾讯云对象存储COS ，凭借其高可靠性、高性能和低成本的优势，成为图片存储的理想选择。本文将详细介绍如何在Egg.js中集成COS，实现图片的便捷上传和存储。

1. 安装Egg.js COS插件

首先，我们需要安装egg-cos 插件，该插件提供了与COS的无缝集成。可以通过以下命令安装：

npm install egg-cos --save

2. 配置Egg.js应用

在Egg.js应用的config/config.default.js文件中，配置COS相关的参数：

module.exports = {
  cos: {
    client: {
      accessKeyId: 'YOUR_ACCESS_KEY_ID',
      accessKeySecret: 'YOUR_ACCESS_KEY_SECRET',
      region: 'YOUR_REGION', // COS所在区域
      endpoint: 'YOUR_ENDPOINT', // COS服务域名
      timeout: 60000, // 请求超时时间，单位毫秒
    },
    // 其他配置项...
  },
};

3. 定义上传控制器

创建上传控制器，该控制器用于处理图片上传请求。例如，app/controller/cos.js：

const Controller = require('egg').Controller;

class CosController extends Controller {
  async upload() {
    const { ctx } = this;
    const file = ctx.request.files[0]; // 获取上传的文件
    const result = await ctx.service.cos.upload(file); // 上传文件到COS
    ctx.body = result;
  }
}

4. 实现上传服务

在app/service/cos.js中，定义上传图片到COS的服务：

const Service = require('egg').Service;

class CosService extends Service {
  async upload(file) {
    const { client } = this.app.config.cos;
    const bucket = 'YOUR_BUCKET_NAME'; // 替换为你的bucket名称
    const filename = `images/${moment().format('YYYY-MM-DD')}/${file.filename}`; // 根据日期生成文件名
    const result = await client.putObject({
      Bucket: bucket,
      Key: filename,
      Body: file.filepath,
    });
    return result;
  }
}

5. 前端调用上传接口

在前台页面，使用HTML表单提交图片文件，并调用后端的上传接口：

<form action="/api/cos/upload" method="post" enctype="multipart/form-data">
  <input type="file" name="file">
  <button type="submit">上传</button>
</form>