Question

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

我已经做过一些研究，并且大多数其他帖子都指出了标题，但我已经验证了标题是正确的（image / 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指定为请求标头的一部分。您不能将其指定为请求参数的一部分。在标头中明确指定，如下所示。

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。这样，您可以在浏览器中查看，也可以根据需要下载。

如果需要通过节点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中处理图像。

Answer 2

Contains Example Code。该链接将包含用于上传和处理s3对象的特定节点JS代码示例。用它作为参考。

如何使用nodejs脚本将上传到S3的图像设置为显示而不是下载？

2 个答案: