0

我正在使用 react 和 node 开发文件上传和下载服务。我在使用 AWS S3 的 Digital Ocean 上托管文件。下面的代码就像一个冠军（直接来自他们的文档）。

` // OG 代码 app.get("/test-download/:id", (req, res) => { var params = { Bucket: secretBucketName, Key: secretKeyStuff };

s3.getObject(params, function(err, data) {
  //
  console.log(data);
  //
  if (!err) {
    res.send({ data, key: params.Key });
  } else {
  // an error occurred
    console.log({ err });
  }
 });
});`

但是，每当我尝试下载之前上传的超过 100mb 的文件时，服务器崩溃、JavaScript 堆内存不足或其他错误。

因此，我尝试流式传输 getObject 请求并且可以成功运行该请求。但是，我在前端得到一个看起来很奇怪的响应，我不确定是否需要在流式传输之前转换数据或之后转换它......

app.get("/test-download/:id", (req, res) => {
var params = {
  Bucket: secretBucketName,
  Key: secretKeyStuff
};

// This Streams
s3.getObject(params)
  .createReadStream()
  .pipe(res)
  .on("finish", () => {
    console.log("** done");
  });
 });

前端代码..

downloadFile = (id, name, type) => {
axios
  .get(
    `/test-download/${id}`,
    this.props.handleSnackBar("Your download has been started.")
  )
  .then(res => {
    download(
      // Stream doesn't recognize res.data.data.Body.data
     // I'm assuming b/c of the data format in which is being returned
      new Blob([new Uint8Array(res.data.data)], { type: "octet/stream" }),
      `${name}.${type}`
    );
    console.log(res.data);
  })
  .catch(err => console.log(err));

};

带有节点流的前端响应..

带有节点流的前端响应

关于这张图片所传达的任何想法？如果你能指出我正确的方向，你将是最伟大的。enter code here

4

0 回答 0