繁体   English   中英

使用 AWS-SDK-JS 使用普通 Javascript 将大文件作为流上传到 s3

[英]Upload large files as a stream to s3 with Plain Javascript using AWS-SDK-JS

有一个非常好的示例可用于通过 aws-sdk-js 库将大文件上传到 s3,但不幸的是这是使用 nodeJs fs。

有没有办法可以在普通 Javascript 中实现相同的功能? 这里还有一个很好的Gist ,它将大文件分解为较小的块,但是这仍然缺少 nodeJs fs 的 .pipe 功能,它需要传递给 asw-sdk-js 上传功能。 这是 Node.js 中的相关代码片段。

var fs = require('fs');
var zlib = require('zlib');

var body = fs.createReadStream('bigfile').pipe(zlib.createGzip());
var s3obj = new AWS.S3({params: {Bucket: 'myBucket', Key: 'myKey'}});
s3obj.upload({Body: body}).
  on('httpUploadProgress', function(evt) {
    console.log('Progress:', evt.loaded, '/', evt.total); 
  }).
  send(function(err, data) { console.log(err, data) });

在普通 JS(非 nodeJs)中是否有类似的东西? 可与 Rails 一起使用。

具体来说,可以替代普通 JS 中的以下行。

var body = fs.createReadStream('bigfile').pipe(zlib.createGzip());

您提供的同一链接包含用于浏览器的实现,并且它还使用AWS 客户端 SDK

// Get our File object
var file = $('#file-chooser')[0].files[0];

// Upload the File
var bucket = new AWS.S3({params: {Bucket: 'myBucket'});
var params = {Key: file.name, ContentType: file.type, Body: file};
bucket.upload(params, function (err, data) {
  $('#results').html(err ? 'ERROR!' : 'UPLOADED.');
});

** 编辑 **

请注意Body字段的文档包括Blob ,这意味着将发生流式传输:

正文 —(缓冲区、类型化数组、Blob、字符串、ReadableStream)

如果您想监控进度,您还可以在 AWS 开发工具包的ManagedUpload接口提供的客户端中使用 Event Emitter 约定。 下面是一个例子:

var managed = bucket.upload(params)
managed.on('httpUploadProgress', function (bytes) {
  console.log('progress', bytes.total)
})
managed.send(function (err, data) {
  $('#results').html(err ? 'ERROR!' : 'UPLOADED.');
})

如果您想在发送到s3.uploadPart之前以块的形式从本地系统读取文件,您需要对Blob.slice做一些事情,也许定义一个Pipe Chain

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM