在前端开发中，图片资源是非常重要的一部分。但有时候我们需要将图片转换为 Base64 编码的形式，这种方式可以减少 HTTP 请求次数，提高网页加载速度。本文将介绍如何通过 Node.js 将 Base64 编码的图片上传到 Amazon S3，并提供详细的步骤和示例代码。
前置要求
在开始本教程前，你需要完成以下事项：
- 确保已经安装了 Node.js 环境和 npm 包管理器。
- 创建一个 Amazon S3 存储桶并获得存储桶的访问密钥和密钥ID。
步骤
第一步：安装必要的依赖包
打开命令行，进入项目文件夹，运行以下命令安装必要的依赖包：
npm install aws-sdk fs path
其中 aws-sdk 是 Amazon S3 官方提供的 SDK，用于操作 Amazon S3 存储桶。fs 和 path 分别用于读取文件和处理文件路径。
第二步：编写代码
首先，在代码中引入依赖包：
const AWS = require('aws-sdk');
const fs = require('fs');
const path = require('path');接着，配置 AWS SDK：
const s3 = new AWS.S3({
accessKeyId: 'your_access_key_id',
secretAccessKey: 'your_secret_access_key',
});将 your_access_key_id 和 your_secret_access_key 替换成你的 Amazon S3 存储桶的访问密钥和密钥ID。
然后，读取 Base64 编码的图片并将其转换为二进制格式：
const base64Image = 'data:image/png;base64,iVBORw0KGg...'; const base64Data = base64Image.replace(/^data:image\/\w+;base64,/, ''); const buffer = Buffer.from(base64Data, 'base64');
其中，base64Image 是 Base64 编码的图片字符串。我们使用 replace 方法去掉图片头部的信息，并使用 Buffer.from() 方法将 Base64 编码的字符串转换为二进制数据。
接下来，定义上传的文件名和存储路径：
const filename = 'my-image.png'; const folderName = 'images/'; const filePath = folderName + filename;
其中，filename 是上传后的文件名，folderName 是存储目录，filePath 是完整的存储路径。
最后，使用 AWS SDK 将文件上传到 Amazon S3：
-- -------------------- ---- -------
----- ------ - -
------- -------------------
---- ---------
----- -------
---- --------------
---------------- ---------
------------ ------------
--
----------------- -------- ----- ----- -
-- ----- -
-----------------
- ---- -
----------------- -------- ------------- -------------------
-
---其中，Bucket 参数是存储桶名称，Key 参数是完整的存储路径，Body 参数是二进制数据，ACL 参数指定文件的访问权限为公共读取，ContentEncoding 参数指定编码方式为 Base64，ContentType 参数指定文件类型为 PNG。
第三步：运行代码
在命令行中输入以下命令运行代码：
node upload.js
如果一切正常，你将会看到以下输出：
File uploaded successfully. https://your_bucket_name.s3.amazonaws.com/images/my-image.png
总结
本文介绍了如何通过 Node.js 将 Base64 编码的图片上传到 Amazon S3。通过阅读本文，你应该能够掌握以下技能：
- 使用 AWS SDK 操作 Amazon S3 存储桶。
- 将 Base64 编码的
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/15118