Question

178

Uploading base64 encoded Image to Amazon S3 via Node.js

rated 0 times [ 180] [ 2] / answers: 1 / hits: 135679 / 13 Years ago, thu, september 22, 2011, 12:00:00

Yesterday I did a deep night coding session and created a small node.js/JS (well actually CoffeeScript, but CoffeeScript is just JavaScript so lets say JS) app.

what's the goal:

client sends a canvas datauri (png) to server (via socket.io)

server uploads image to amazon s3

step 1 is done.

the server now has a string a la

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

my question is: what are my next steps to stream/upload this data to Amazon S3 and create an actual image there?

knox https://github.com/LearnBoost/knox seems like an awesome lib to PUT something to S3, but what I'm missing is the glue between the base64-encoded-image-string and actual upload action?

Any ideas, pointers and feedback welcome.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

americar

Add To Favorites

Follow

Total Points: 631

Total Questions: 107

Total Answers: 103

Location: Luxembourg

Member since Tue, Jan 25, 2022

2 Years ago

answered 13 Years ago trayvon · Accepted Answer

For people who are still struggling with this issue. Here is the approach I used with native aws-sdk :

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

AWS.config.loadFromPath('./s3_config.json');

var s3Bucket = new AWS.S3( { params: {Bucket: 'myBucket'} } );

Inside your router method (ContentType should be set to the content type of the image file):

  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 file :

{

  "accessKeyId":"xxxxxxxxxxxxxxxx",

  "secretAccessKey":"xxxxxxxxxxxxxx",

  "region":"us-east-1"

}