Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

base64 image corrupted uploading to S3

router.post('/image', multipartMiddleware , function(req, res) {

   var file_name = req.body.name;
   var data = req.body.data;

   return s3fsImpl.writeFile(file_name , data , 'base64').then(function (err) { 

        res.status(200).end();
    });

});

What's wrong in my code above? There's no error in my therminal, I have the file in my s3 but it's corrupted when I download it.

like image 406
Nichole A. Miler Avatar asked Jan 06 '23 20:01

Nichole A. Miler


1 Answers

Since I don't know what s3fsImpl is in your code, I can't answer this to your implementation but here's how I would do it using aws-sdk:

const AWS = require('aws-sdk');
const s3 = new AWS.S3({apiVersion: '2006-03-01'});
const file_name = req.body.name;
const data = req.body.data;
// We need to get the format of the file from the base64 string i.e. data:image/png;base64<base64String>
const format = data.substring(data.indexOf('data:')+5, data.indexOf(';base64'));

// We need to get the actual file data from the string without the base64 prefix
const base64String = data.replace(/^data:image\/\w+;base64,/, '');
const buff = new Buffer(base64String,'base64');

s3.upload({
    Bucket:'s3-bucket-name',
    Key: file_name, 
    Body: buff, 
    ContentEncoding:'base64',
    ContentType:format
}, function(err, data) {
        if (err) console.log(err, err.stack); // an error occurred
        else     console.log(data);           // successful response
   });
like image 157
Abdullah Adeeb Avatar answered Jan 15 '23 21:01

Abdullah Adeeb