通过 Node.js 将 base64编码的 Image 上传到 Amazon S3

昨天我做了一个深夜编码会议，并创建了一个小的 node.JS/JS (实际上是 CoffeeScript，但 CoffeeScript 只是 JavaScript，所以让我们说 JS)应用程序。

目标是什么:

  1. 客户端将一个画布数据仓(png)发送到服务器(通过 socket.io)
  2. 服务器将图像上传到 amazons3

第一步完成。

服务器现在有一个字符串 a la

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACt...

我的问题是: 我下一步要做什么来“流”/上传这些数据到 Amazon S3并在那里创建一个实际的图像？

Knox https://github.com/LearnBoost/knox似乎是一个很棒的库，可以把某些东西放到 S3，但是我缺少的是 base64编码的 image-string 和实际上传操作之间的粘合剂？

欢迎任何意见、建议和反馈。

125501 次浏览
小开

好的，这个是答案 如何将画布数据保存到文件中

基本上在我的代码中是这样的

buf = new Buffer(data.dataurl.replace(/^data:image\/\w+;base64,/, ""),'base64')




req = knoxClient.put('/images/'+filename, {
'Content-Length': buf.length,
'Content-Type':'image/png'
})


req.on('response', (res) ->
if res.statusCode is 200
console.log('saved to %s', req.url)
socket.emit('upload success', imgurl: req.url)
else
console.log('error %d', req.statusCode)
)


req.end(buf)
小开
最佳答案

对于那些仍然在这个问题上挣扎的人来说，下面是我使用原生 awsdk:的方法

var AWS = require('aws-sdk');
AWS.config.loadFromPath('./s3_config.json');
var s3Bucket = new AWS.S3( { params: {Bucket: 'myBucket'} } );

在你的路由器方法中(ContentType应该设置为图像文件的内容类型) :

  var buf = Buffer.from(req.body.imageBinary.replace(/^data:image\/\w+;base64,/, ""),'base64')
var data = {
Key: req.body.userId,
Body: buf,
ContentEncoding: 'base64',
ContentType: 'image/jpeg'
};
s3Bucket.putObject(data, function(err, data){
if (err) {
console.log(err);
console.log('Error uploading data: ', data);
} else {
console.log('successfully uploaded the image!');
}
});

S3 _ config. json 文件 :

{
"accessKeyId":"xxxxxxxxxxxxxxxx",
"secretAccessKey":"xxxxxxxxxxxxxx",
"region":"us-east-1"
}
小开

接受的答案工作得很好，但如果有人需要接受任何文件，而不仅仅是图像，这个 regexp 工作得很好:

/^data:.+;base64,/

小开

下面是我在下面看到的一篇文章的代码:

const imageUpload = async (base64) => {


const AWS = require('aws-sdk');


const { ACCESS_KEY_ID, SECRET_ACCESS_KEY, AWS_REGION, S3_BUCKET } = process.env;


AWS.config.setPromisesDependency(require('bluebird'));
AWS.config.update({ accessKeyId: ACCESS_KEY_ID, secretAccessKey: SECRET_ACCESS_KEY, region: AWS_REGION });


const s3 = new AWS.S3();


const base64Data = new Buffer.from(base64.replace(/^data:image\/\w+;base64,/, ""), 'base64');


const type = base64.split(';')[0].split('/')[1];


const userId = 1;


const params = {
Bucket: S3_BUCKET,
Key: `${userId}.${type}`, // type is not required
Body: base64Data,
ACL: 'public-read',
ContentEncoding: 'base64', // required
ContentType: `image/${type}` // required. Notice the back ticks
}


let location = '';
let key = '';
try {
const { Location, Key } = await s3.upload(params).promise();
location = Location;
key = Key;
} catch (error) {
}


console.log(location, key);


return location;


}


module.exports = imageUpload;

阅读更多: http://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/S3.html#upload-property

来源: https://medium.com/@mayneweb/upload-a-base64-image-data-from-nodejs-to-aws-s3-bucket-6c1bd945420f

小开

对于 Laravel 开发人员来说，这应该是有效的


/* upload the file  */
$path = Storage::putFileAs($uploadfolder, $uploadFile, $fileName, "s3");

在调用此方法之前，请确保设置.env 文件属性


提交答案