node.js - 如何设置使用 nodejs 脚本上传到 S3 的图像以显示而不是下载？

Question

我有一个 Node js脚本，可以通过命令行将文件上传到AWS S3。我遇到的问题是，当我尝试在浏览器中查看文件时，它会自动下载它。

我已经做了一些研究，大多数其他帖子都指出了标题，但我已经验证了标题是正确的(图片/png)

此外，当我通过 AWS 控制台(登录 AWS)上传相同的文件时，我可以在浏览器中查看该文件。

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

AWS.config.update({region: myRegion});

s3 = new AWS.S3({apiVersion: '2006-03-01'});

var uploadParams = {
    Bucket: process.argv[2],
    Key: '', // Key set below
    Body: '', // Body set below after createReadStream
    ContentType: 'image/jpeg',
    ACL: 'public-read',
    ContentDisposition: 'inline'
};
var file = process.argv[3];

var fileStream = fs.createReadStream(file);
fileStream.on('error', function(err) {
  console.log('File Error', err);
});

uploadParams.Body = fileStream;
uploadParams.Key = path.basename(file);


s3.putObject(uploadParams, function(errBucket, dataBucket) {
    if (errBucket) {
      console.log("Error uploading data: ", errBucket);
    } else {
      console.log(dataBucket);
    }
  });

我成功上传，但无法在浏览器中查看文件，因为它会自动下载。

Answer 1

您必须将 contentDisposition 指定为请求 header 的一部分。您不能将其指定为请求参数的一部分。在 header 中明确指定它，如下所示。

var params = {Bucket : "bucketname" , Key : "keyName" , Body : "actualData"};
s3.putObject(params).
on('build',function(req){
req.httpRequest.headers['Content-Type'] = 'application/pdf' ; // Whatever you want
req.httpRequest.headers['ContentDisposition'] = 'inline';   
}).
send( function(err,data){
    if(err){
    console.log(err);
    return res.status(400).json({sucess: false});
    }else{
    console.log(success);
    return res.status(200).json({success: true});
    }
});  

将对象/图像上传到 s3 的代码

module.exports = function(app, models) {

    var fs = require('fs');
    var AWS = require('aws-sdk');
    var accessKeyId =  "ACESS KEY HERE";
    var secretAccessKey = "SECRET KEY HERE";

    AWS.config.update({
        accessKeyId: accessKeyId,
        secretAccessKey: secretAccessKey
    });

    var s3 = new AWS.S3();

    app.post('/upload', function(req, res){

        var params = {
            Bucket: 'bucketname',
            Key: 'keyname.png',
            Body: "GiveSomeRandomWordOraProperBodyIfYouHave"
        };

        s3.putObject(params, function (perr, pres) {
            if (perr) {
                console.log("Error uploading data: ", perr);
            } else {
                console.log("Successfully uploaded data to myBucket/myKey");
            }
        });
    });

}

上面的代码将确保对象已上传到 s3。您可以在浏览器中看到它列在 s3 存储桶中，但无法在 s3 存储桶中查看其内容。

您无法查看 S3 中的项目。 S3是一个储物盒。您只能下载和上传其中的元素。如果您需要查看内容，则必须下载并在浏览器或您选择的任何浏览器中查看。如果你只是需要列出 s3 中的对象。使用下面的代码。

列出 s3 对象的代码

var AWS = require('aws-sdk');
AWS.config.update({accessKeyId: 'mykey', secretAccessKey: 'mysecret', region: 'myregion'});
var s3 = new AWS.S3();

var params = { 
 Bucket: 'bucketName',
 Delimiter: '/',
 Prefix: 's/prefix/objectPath/'
}


s3.listObjects(params, function (err, data) {
 if(err)throw err;
 console.log(data);
});

使用S3列表列出S3的元素。这样您就可以查看它们。为每个列出的项目创建一个超链接，并使其指向 s3 下载 url。这样您就可以在浏览器中查看，如果需要也可以下载。

如果您需要通过 Node JS 查看其内容，请使用下面的代码加载图像，就像从远程 URL 加载图像一样。

下载内容的代码:

var fs = require('fs'),
    request = require('request');

var download = function(uri, filename, callback){
  request.head(uri, function(err, res, body){
    console.log('content-type:', res.headers['content-type']);
    console.log('content-length:', res.headers['content-length']);

    request(uri).pipe(fs.createWriteStream(filename)).on('close', callback);
  });
};

download('httpo://s3/URL' 'name.png', function(){
  console.log('done');
});

将图像加载到缓冲区的代码:

const request = require('request');

let url = 'http://s3url/image.png';
request({ url, encoding: null }, (err, resp, buffer) => {
     // typeof buffer === 'object'
     // Use the buffer
     // This buffer will now contains the image data

});

使用上面的方法将图像加载到缓冲区中。一旦它进入缓冲区，您就可以按照您需要的方式对其进行操作。上面的代码不会下载图像，但它可以帮助您使用缓冲区操作 s3 中的图像。