web-dev-qa-db-fra.com

Téléchargement d'une image encodée en base64 sur Amazon S3 via Node.js

Hier, j'ai fait une session de codage de nuit et j'ai créé une petite application node.js/JS (enfin CoffeeScript, mais CoffeeScript est juste JavaScript, disons JS).

quel est le but:

  1. le client envoie une toile datauri (png) au serveur (via socket.io)
  2. le serveur télécharge l'image sur Amazon s3

l'étape 1 est terminée.

le serveur a maintenant une chaîne à la

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

ma question est: quelles sont mes prochaines étapes pour "diffuser"/télécharger ces données sur Amazon S3 et y créer une image réelle?

knox https://github.com/LearnBoost/knox semble être une bibliothèque géniale pour METTRE quelque chose à S3, mais ce qui me manque, c'est la colle entre le chaîne d'image codée en base64 et action de téléchargement réelle ?

Toutes les idées, pointeurs et commentaires sont les bienvenus.

javascriptnode.jsamazon-s3coffeescript
77
Franz Enzenhofer

Pour les personnes qui sont toujours aux prises avec ce problème. Voici l'approche que j'ai utilisée avec aws-sdk natif.

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

dans votre méthode de routeur: - ContentType doit être défini sur le type de contenu du fichier image

  buf = new Buffer(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!');
      }
  });

le fichier s3_config.json est: -

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

ok, celui-ci est la réponse comment enregistrer les données de canevas dans un fichier

fondamentalement, il est comme ça dans mon code

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)
17
Franz Enzenhofer

La réponse acceptée fonctionne très bien, mais si quelqu'un doit accepter n'importe quel fichier au lieu de simplement des images, cette expression régulière fonctionne très bien:

/^data:.+;base64,/

1
Ms01