Tải hình ảnh được mã hóa base64 lên Amazon S3 qua Node.js

Question 1

Hôm qua, tôi đã thực hiện một phiên viết mã ban đêm sâu và tạo một ứng dụng node.js / JS nhỏ (thực ra là CoffeeScript, nhưng CoffeeScript chỉ là JavaScript, vì vậy hãy nói JS).

mục tiêu là gì:

máy khách gửi một dữ liệu canvas (png) tới máy chủ (qua socket.io)
máy chủ tải hình ảnh lên amazon s3

bước 1 đã xong.

máy chủ bây giờ có một chuỗi a la

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

câu hỏi của tôi là: các bước tiếp theo của tôi để "phát trực tuyến" / tải dữ liệu này lên Amazon S3 và tạo hình ảnh thực tế ở đó là gì?

knox https://github.com/LearnBoost/knox có vẻ như là một lib tuyệt vời để PUT thứ gì đó lên S3, nhưng điều tôi còn thiếu là chất kết dính giữa base64-encoded-image-string và hành động tải lên thực tế ?

Mọi ý tưởng, gợi ý và phản hồi đều được chào đón.

Question 2

Đối với những người vẫn đang đấu tranh với vấn đề này. Đây là cách tiếp cận tôi đã sử dụng với aws-sdk bản địa.

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

bên trong phương pháp bộ định tuyến của bạn: - ContentType phải được đặt thành loại nội dung của tệp hình ảnh

  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('succesfully uploaded the image!');
      }
  });

tệp s3_config.json là: -

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

Question 3

ok, đây là câu trả lời về cách lưu dữ liệu canvas vào tệp

về cơ bản nó lỏng lẻo như thế này trong mã của tôi

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)

Question 4

Đây là mã từ một bài báo tôi đã xem qua, đăng bên dưới:

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;

Đọc thêm: http://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/S3.html#upload-property

Tín dụng: https://medium.com/@mayneweb/upload-a-base64-image-data-from-nodejs-to-aws-s3-bucket-6c1bd945420f

Question 5

Câu trả lời được chấp nhận hoạt động tốt nhưng nếu ai đó cần chấp nhận bất kỳ tệp nào thay vì chỉ hình ảnh thì regexp này hoạt động rất tốt:

/^data:.+;base64,/