Base64 kodlu Görüntüyü Node.js aracılığıyla Amazon S3'e yükleme

Question 1

Dün derin bir gece kodlama oturumu yaptım ve küçük bir node.js / JS oluşturdum (aslında CoffeeScript, ancak CoffeeScript sadece JavaScript, yani JS diyelim) uygulaması.

amaç nedir:

istemci, sunucuya bir tuval verisi (png) gönderir (socket.io aracılığıyla)
sunucu görüntüyü amazon s3'e yükler

1. adım tamamlandı.

sunucu artık bir la dizesine sahip

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

Sorum şu: Bu verileri Amazon S3'e "aktarmak" / yüklemek ve orada gerçek bir görüntü oluşturmak için sonraki adımlarım nedir?

knox https://github.com/LearnBoost/knox , S3'e bir şeyler PUT için harika bir kitap gibi görünüyor, ancak eksik olan şey, base64 kodlu görüntü dizesi ile gerçek yükleme eylemi arasındaki tutkal mı?

Herhangi bir fikir, işaret ve geri bildirim hoş geldiniz.

Question 2

Hala bu sorunla mücadele eden insanlar için. Yerel aws-sdk ile kullandığım yaklaşım:

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

Yönlendirici yönteminizin içinde (ContentType, görüntü dosyasının içerik türüne ayarlanmalıdır):

  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 dosyası:

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

Question 3

Tamam, bu, tuval verilerinin dosyaya nasıl kaydedileceğinin yanıtı

temelde benim kodumda böyle gevşek

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

Karşılaştığım bir makalenin kodu aşağıdadır:

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;

Daha fazlasını okuyun: http://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/S3.html#upload-property

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

Question 5

Kabul edilen yanıt harika çalışıyor, ancak birinin yalnızca resimler yerine herhangi bir dosyayı kabul etmesi gerekiyorsa, bu normal ifade harika çalışıyor:

/^data:.+;base64,/