javascript - NodeJS download file from AWS S3 Bucket - Stack Overflow

admin管理员组

文章数量:1334915

I'm trying to make an endpoint in NodeJS/Express for downloading content from my AWS S3 Bucket.

It works well, I can download the file in the client side but I can also see the stream preview in the Network tab which is annoying...

QUESTION

I'm wondering if what I'm doing is correct and a good practice. Also would like to know if it's normal to see the output stream in the Network tab.

How should I properly send I file from S3 to my client application using NodeJS/Express?

I'm pretty sure other websites requests don't let you preview the content with a: "Fail to load response data".

---

This is what I do in my NodeJS application to get the stream file from AWS S3:

download(fileId) {
  const fileObjectStream = app.s3
    .getObject({
      Key: fileId
    })
    .createReadStream();
  this.res.set("Content-Type", "application/octet-stream");
  this.res.set(
    "Content-Disposition",
    'attachment; filename="' + fileId + '"'
  );
  fileObjectStream.pipe(this.res);
}

I'm trying to make an endpoint in NodeJS/Express for downloading content from my AWS S3 Bucket.

It works well, I can download the file in the client side but I can also see the stream preview in the Network tab which is annoying...

QUESTION

I'm wondering if what I'm doing is correct and a good practice. Also would like to know if it's normal to see the output stream in the Network tab.

How should I properly send I file from S3 to my client application using NodeJS/Express?

I'm pretty sure other websites requests don't let you preview the content with a: "Fail to load response data".

---

This is what I do in my NodeJS application to get the stream file from AWS S3:

download(fileId) {
  const fileObjectStream = app.s3
    .getObject({
      Key: fileId
    })
    .createReadStream();
  this.res.set("Content-Type", "application/octet-stream");
  this.res.set(
    "Content-Disposition",
    'attachment; filename="' + fileId + '"'
  );
  fileObjectStream.pipe(this.res);
}

And in the client side I can see this:

• javascript
• node.js
• amazon-web-services
• express
• amazon-s3

Share Improve this question Follow asked Apr 16, 2019 at 10:03 Jose A. AyllónJose A. Ayllón 88666 silver badges2020 bronze badges 1

• 3 I guess another option is to have nodejs create a signed url and send that to the client instead. The client can then use that signed url to access the S3 content – dbramwell Commented Apr 16, 2019 at 10:29

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

I think the issue is with the header :

          //this line will set proper header for file and make it downloadable in client's browser

          res.attachment(key); 

          // this will execute download 
          s3.getObject(bucketParams)
          .createReadStream()
          .pipe(res);

So code should be like this (This is what I am doing it in my project handling file as res.attachment or res.json in case of error so client can display error to end user) :

router.route("/downloadFile").get((req, res) => {
      const query = req.query; //param from client
      const key = query.key;//param from client
      const bucketName = query.bucket//param from client

      var bucketParams = {
        Bucket: bucketName,  
        Key: key
      };

      //I assume you are using AWS SDK
      s3 = new AWS.S3({ apiVersion: "2006-03-01" });

      s3.getObject(bucketParams, function(err, data) {
        if (err) {
          // cannot get file, err = AWS error response, 
          // return json to client
          return res.json({
            success: false,
            error: err
          });
        } else {
          res.attachment(key); //sets correct header (fixes your issue ) 
          //if all is fine, bucket and file exist, it will return file to client
          s3.getObject(bucketParams)
            .createReadStream()
            .pipe(res);
        }
      });
    });

本文标签： javascriptNodeJS download file from AWS S3 BucketStack Overflow