Upload base64

Hi i would like to be able to upload images that is in base64 format. There is a bug in another library I’m using so i cannot get the image, but I can get the base64 representation of the image. So i would like to upload that to S3 and have it become a actual image. Any ideas on how to do this ?

[frayeralex]

My solution with reading file, decode to ArrayBuffer and upload to s3

// @flow
import { S3 } from "aws-sdk";
import { config } from "../environments/config";
import fs from "react-native-fs";
import { decode } from "base64-arraybuffer";

// init s3 client with your credentials
const s3 = new AWS.S3();

// path = "file://...", name = "profile.jpg"
const uploadFile = async (path: string, name: string): Promise => {
    try {
      const base64 = await fs.readFile(path, "base64");
      const arrayBuffer = decode(base64);
      const params = {
        Body: arrayBuffer,
        Bucket: config.aws.s3.bucket,
        Key: `${config.aws.s3.folder}/${name}`,
        ACL: "public-read",
        ContentEncoding: "utf-8",
        ContentType: "binary"
      };
      const uploadData = await s3.putObject(params).promise();
      return Promise.resolve(uploadData);
    } catch (error) {
      return Promise.reject(error);
    }
}

[MrHubble]

I ended up with a working solution by using aws-sdk instead:

const Buffer = global.Buffer || require('buffer').Buffer;
var AWS = require('aws-sdk/dist/aws-sdk-react-native');
AWS.config.update({
  accessKeyId: myKeyId,
  secretAccessKey: mySecretKey,
  region: myRegion
})

var s3 = new AWS.S3()
buf = new Buffer(base64image.replace(/^data:image\/\w+;base64,/, ""), 'base64')
let keyPrefix = `uploads/image.png`    
var params = {
  Bucket: "mybucket",
  Key: keyPrefix,
  Body: buf,
  ContentType: 'image/png',
  ContentEncoding: 'base64',
  ACL: 'public-read'  
}
let putObjectPromise = await s3.upload(params).promise()