17

我正在尝试使用aws-sdk或knox将通过表单提交的文件直接上传到 Amazon S3 存储桶。表单处理是用强大的完成的。

我的问题是：如何使用这些库的最新功能来处理流，如何正确使用 aws-sdk（或 knox）的强大功能？

我知道这个话题已经在这里以不同的方式提出过，即：

但是，我认为答案有点过时和/或偏离主题（即 CORS 支持，由于各种原因我现在不想使用它）和/或最重要的是，没有提及来自的最新功能aws-sdk（参见：https ://github.com/aws/aws-sdk-js/issues/13#issuecomment-16085442 ）或 knox（尤其是 putStream() 或其 readableStream.pipe(req) 变体，两者都解释了在文档中）。

经过几个小时的挣扎，我得出的结论是我需要一些帮助（免责声明：我是流的新手）。

HTML 表单：

<form action="/uploadPicture" method="post" enctype="multipart/form-data">
  <input name="picture" type="file" accept="image/*">
  <input type="submit">
</form>

Express bodyParser 中间件是这样配置的：

app.use(express.bodyParser({defer: true}))

POST 请求处理程序：

uploadPicture = (req, res, next) ->
  form = new formidable.IncomingForm()
  form.parse(req)

  form.onPart = (part) ->
    if not part.filename
      # Let formidable handle all non-file parts (fields)
      form.handlePart(part)
    else
      handlePart(part, form.bytesExpected)

  handlePart = (part, fileSize) ->
    # aws-sdk version
    params =
      Bucket: "mybucket"
      Key: part.filename
      ContentLength: fileSize
      Body: part # passing stream object as body parameter

    awsS3client.putObject(params, (err, data) ->
      if err
        console.log err
      else
        console.log data
    )

但是，我收到以下错误：

{ [RequestTimeout：您与服务器的套接字连接未在超时期限内读取或写入。空闲连接将被关闭。]

消息：'您与服务器的套接字连接未在超时期限内读取或写入。空闲连接将被关闭。'，代码：'RequestTimeout'，名称：'RequestTimeout'，状态码：400，可重试：false }

以这种方式定制的 handlePart() 函数的 knox 版本也惨遭失败：

handlePart = (part, fileSize) ->
  headers =
    "Content-Length": fileSize
    "Content-Type": part.mime
  knoxS3client.putStream(part, part.filename, headers, (err, res) ->
    if err
      console.log err
    else
      console.log res
  )

我还在某处得到一个带有 400 statusCode 的大 res 对象。

在这两种情况下，区域都配置为eu-west-1。

补充笔记：

节点 0.10.12

来自 npm (1.0.14) 的最新强大功能

来自 npm (1.3.1) 的最新 aws-sdk

来自 npm 的最新 knox (0.8.3)

4

4 回答 4

10

好吧，根据 Formidable 的创建者的说法，直接流式传输到 Amazon S3 是不可能的：

S3 API 要求您在创建新文件时提供它们的大小。在完全接收到 multipart/form-data 文件之前，此信息不可用。这意味着流式传输是不可能的。

实际上，form.bytesExpected指的是整个表单的大小，而不是单个文件的大小。

因此，数据必须先到达服务器上的内存或磁盘，然后才能上传到 S3。

于 2013-06-26T16:54:17.470 回答
10

使用 AWS S3 的 multipartUpload（s3-upload-stream作为工作模块）和 node-formidable 的可读流，您可以像这样通过管道传输流：

var formidable = require('formidable');
var http = require('http');
var util = require('util');
var AWS      = require('aws-sdk');
var config = require('./config');
var s3 = new AWS.S3({
    accessKeyId: config.get('S3_ACCESS_KEY'),
    secretAccessKey: config.get('S3_SECRET_KEY'),
    apiVersion: '2006-03-01'
});
var s3Stream = require('s3-upload-stream')(s3);
var bucket = 'bucket-name';
var key = 'abcdefgh';


http.createServer(function(req, res) {

    if (req.url == '/upload' && req.method.toLowerCase() == 'post') {

        var form = new formidable.IncomingForm();
        form.on('progress', function(bytesReceived, bytesExpected) {
            //console.log('onprogress', parseInt( 100 * bytesReceived / bytesExpected ), '%');
        });

        form.on('error', function(err) {
            console.log('err',err);
        });

        // This 'end' is for the client to finish uploading
        // upload.on('uploaded') is when the uploading is
        // done on AWS S3
        form.on('end', function() {
            console.log('ended!!!!', arguments);
        });

        form.on('aborted', function() {
            console.log('aborted', arguments);
        });

        form.onPart = function(part) {
            console.log('part',part);
            // part looks like this
            //    {
            //        readable: true,
            //        headers:
            //        {
            //            'content-disposition': 'form-data; name="upload"; filename="00video38.mp4"',
            //            'content-type': 'video/mp4'
            //        },
            //        name: 'upload',
            //            filename: '00video38.mp4',
            //        mime: 'video/mp4',
            //        transferEncoding: 'binary',
            //        transferBuffer: ''
            //    }

            var start = new Date().getTime();
            var upload = s3Stream.upload({
                "Bucket": bucket,
                "Key": part.filename
            });

            // Optional configuration
            //upload.maxPartSize(20971520); // 20 MB
            upload.concurrentParts(5);

            // Handle errors.
            upload.on('error', function (error) {
                console.log('errr',error);
            });
            upload.on('part', function (details) {
                console.log('part',details);
            });
            upload.on('uploaded', function (details) {
                var end = new Date().getTime();
                console.log('it took',end-start);
                console.log('uploaded',details);
            });

            // Maybe you could add compress like
            // part.pipe(compress).pipe(upload)
            part.pipe(upload);
        };

        form.parse(req, function(err, fields, files) {
            res.writeHead(200, {'content-type': 'text/plain'});
            res.write('received upload:\n\n');
            res.end(util.inspect({fields: fields, files: files}));
        });
        return;
    }

    // show a file upload form
    res.writeHead(200, {'content-type': 'text/html'});
    res.end(
        '<form action="/upload" enctype="multipart/form-data" method="post">'+
        '<input type="text" name="title"><br>'+
        '<input type="file" name="upload" multiple="multiple"><br>'+
        '<input type="submit" value="Upload">'+
        '</form>'
    );
}).listen(8080);
于 2016-06-29T07:46:22.800 回答
3

由于这篇文章太老了，而且我相信现在支持直接流式传输，所以我花了很多时间阅读关于这个主题的过时答案......

如果它可以帮助任何人，我可以直接从客户端流式传输到 s3，而无需安装包：

https://gist.github.com/mattlockyer/532291b6194f6d9ca40cb82564db9d2a

服务器假设req是一个流对象，在我的例子中，xhr(send) 中使用了一个 File 对象，它将在现代浏览器中发送二进制数据。

const fileUploadStream = (req, res) => {
  //get "body" args from header
  const { id, fn } = JSON.parse(req.get('body'));
  const Key = id + '/' + fn; //upload to s3 folder "id" with filename === fn
  const params = {
    Key,
    Bucket: bucketName, //set somewhere
    Body: req, //req is a stream
  };
  s3.upload(params, (err, data) => {
    if (err) {
      res.send('Error Uploading Data: ' + JSON.stringify(err) + '\n' + JSON.stringify(err.stack));
    } else {
      res.send(Key);
    }
  });
};

是的，它打破了惯例，但如果你看一下要点，它比我发现依赖其他包的任何东西都要干净得多。

+1 实用主义，感谢@SalehenRahman 的帮助。

于 2017-04-25T20:27:51.790 回答
1

尝试将“ContentType”添加到上传参数（https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/S3.html#upload-property）

...
  const params = {
      Key,
      Bucket: bucketName,
      Body: req,
      ContentType: 'image/jpg'
  };
  s3.upload(params, (err, data) => {
      if (err) return err;
      console.log(data);
  });
...
于 2017-12-30T18:51:26.233 回答