Hochladen von base64-kodiertem Image über Node.js zu Amazon S3

Gestern habe ich einen deep night-coding-session und erstellt einen kleinen Knoten.js/JS (naja, eigentlich ist CoffeeScript, aber CoffeeScript ist nur JavaScript, damit können sagen, JS) app.

was ist das Ziel:

  1. client sendet eine Leinwand datauri (png) zum server (via socket.io)
  2. server-uploads Bild, um zu amazon s3

Schritt 1 ist getan.

dem server hat jetzt einen string a la

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

meine Frage ist: was sind meine nächsten Schritte, um die "stream"/upload dieser Daten in Amazon S3 und erstellen Sie ein Bild da?

knox https://github.com/LearnBoost/knox scheint wie eine tolle lib, um etwas zu S3, aber was mir fehlt ist der "Klebstoff" zwischen den base64-codierte Bild-Zeichenfolge und der tatsächlichen upload-Aktion?

Irgendwelche Ideen, Hinweise und Rückmeldungen sind willkommen.

InformationsquelleAutor der Frage Franz Enzenhofer | 2011-09-22

  1. 121

    Für Menschen, die noch zu kämpfen mit diesem Problem. Hier ist der Ansatz, den ich verwendet mit native aws-sdk.

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

    in Ihrem router-Methode :-
    ContentType gesetzt werden sollten, um den content-Typ der image-Datei

      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!');
      }
  });

    s3_config.json-Datei ist:-

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

    InformationsquelleAutor der Antwort Divyanshu

  2. 13

    ok, das ist die Antwort so sparen Sie Leinwand-Daten-Datei

    grundsätzlich loos, wie dies in meinem 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)

    InformationsquelleAutor der Antwort Franz Enzenhofer

Schreibe einen Kommentar