如何通过 NodeJS 将文件上传到 S3 并在浏览器中跟踪进度？

Question

当涉及到文件管理以及 NodeJS 中没有的内容时，我在围绕几个概念进行思考时遇到了一些麻烦，我想知道是否有人可以为我指明正确的方向。

我有一个上传队列列表，它将根据用户需要同时发生（允许他们随意暂停或删除下载），并且我需要该过程来点击节点服务器以根据需要调整图像大小或操作视频。从这里我需要 Node 通过 S3 上传视频或图像，使用 AWS-SDK（我设置了一个 fakeS3 服务器用于一般沙箱测试），并且在上传时我需要在浏览器中跟踪上传的进度。

我正在使用 React 和 Node 的服务器端渲染，所以我认为必须有一种非常简单的方法来处理这种情况，但我找不到以前做过这件事的人。以下是我弄乱的几个概念：

Server.js（核心输入）

server.use(express.static(path.join(__dirname, 'public')));
server.use(multer({
    dest: './public/temp',
    limits: {
        fieldNameSize: 50,
        files: 1,
        fields: 5,
        fileSize: 1024 * 1024
    },
    rename: (fieldname, filename) => {
        return filename;
    },
    onFileUploadStart: (file) => {
        console.log('Starting file upload process.');
    },
    inMemory: true
}));
server.use(cookieParser());
server.use(bodyParser.urlencoded({ extended: true }));
server.use(bodyParser.json());

中间路线（/上传什么的）

export function uploadContent(req, res) {
    const config = {
        s3ForcePathStyle: true,
        accessKeyId: 'ACCESS_KEY_ID',
        secretAccessKey: 'SECRET_ACCESS_KEY',
        endpoint: new AWS.Endpoint('http://localhost:4567'), // TODO make live
    };

    const client = new AWS.S3(config);

    const params = {
        Key: 'Key',
        Bucket: 'Bucket',
        Body: fs.createReadStream(req.body.files[0])
    };

    client.upload(params, function uploadCallback (err, data) {
        console.log(err, data);
    });
}

这不起作用，由于身体解析器与路线冲突，multer 也有时间（我对其他建议持开放态度）有关如何完成的任何信息都会很棒。我不是在寻找完整的代码，只是让我走上正确道路的另一个想法。我感谢任何帮助！

Answer 1

您可以在浏览器和 Nodejs Route 之间使用套接字通道，并发出事件开始、结束和进度，并使用 httpUploadProgress 事件：

var s3obj = new AWS.S3({params: {Bucket: 'myBucket', Key: 'myKey'}});
s3obj.upload({Body: body}).
on('httpUploadProgress', function(evt) { 
        console.log(evt); 
        //Emit Here your events 
}).
send(function(err, data) { console.log(err, data) });