Node实现批量上传本地图片转为图片CDN

前端

2023-12-01 22:05:46

本地图片上传至图片 CDN 的终极指南

随着网络技术的发展，图片在我们的日常生活中扮演着日益重要的角色。它们可以辅助我们理解信息、留存记忆，甚至表达我们的情感和思想。因此，在工作和学习中，我们时常需要上传图片。

使用 CDN（内容分发网络）可以大大提高图片上传速度和使用体验。CDN 将内容存储在遍布全球的多个服务器上，当用户访问图片时，CDN 会自动将图片从离用户最近的服务器下载到用户端。

Node.js 实现批量上传本地图片到图片 CDN

OSS

OSS 是阿里云提供的 CDN 服务，提供了丰富的 API 支持批量上传本地图片。

步骤：

创建 OSS 存储桶
上传本地图片
将图片 URL 转换为 CDN URL

代码示例：

const OSS = require('ali-oss');

const client = new OSS({
  region: 'oss-cn-shanghai',
  accessKeyId: 'your-access-key-id',
  accessKeySecret: 'your-access-key-secret',
});

client.putBucket('your-bucket-name');

client.put('your-bucket-name', 'your-local-file-path');

const url = client.signatureUrl('your-bucket-name', 'your-object-name');

七牛云

七牛云也是一家知名的 CDN 服务提供商，支持批量上传本地图片。

步骤：

创建七牛云存储空间
上传本地图片
将图片 URL 转换为 CDN URL

代码示例：

const qiniu = require('qiniu');

const mac = new qiniu.auth.digest.Mac('your-access-key', 'your-secret-key');
const config = new qiniu.conf.Config({
  useCdnDomain: true,
});
const client = new qiniu.rs.Client(mac, config);

client.uploadFile({
  key: 'your-object-name',
  body: fs.createReadStream('your-local-file-path'),
});

const url = client.generateDownloadUrl('your-bucket-name', 'your-object-name');

阿里云

阿里云除了 OSS 外，还提供其他 CDN 服务。

步骤：

创建阿里云 OSS 存储桶
上传本地图片
将图片 URL 转换为 CDN URL

代码示例：

const OSS = require('ali-oss');

const client = new OSS({
  region: 'oss-cn-shanghai',
  accessKeyId: 'your-access-key-id',
  accessKeySecret: 'your-access-key-secret',
});

client.putBucket('your-bucket-name');

client.put('your-bucket-name', 'your-local-file-path');

const url = client.signatureUrl('your-bucket-name', 'your-object-name');

腾讯云

腾讯云同样提供了 CDN 服务，支持批量上传本地图片。

步骤：

创建腾讯云 COS 存储桶
上传本地图片
将图片 URL 转换为 CDN URL

代码示例：

const COS = require('cos-nodejs-sdk-v5');

const client = new COS({
  SecretId: 'your-secret-id',
  SecretKey: 'your-secret-key',
});

client.putObject({
  Bucket: 'your-bucket-name',
  Key: 'your-object-name',
  Body: fs.createReadStream('your-local-file-path'),
});

const url = client.getObjectUrl({
  Bucket: 'your-bucket-name',
  Key: 'your-object-name',
});