S3Utils.js

import { Storage } from "aws-amplify";

export default class S3Utils {
  static async uploadImage(image, folder) {
  
    // parseamos el base64 para obtener los datos que necesitamos para crear la imagen
    const base64Parsed = new Buffer(
      image.replace(/^data:image\/\w+;base64,/, ""),
      "base64"
    );
    
    // obtenemos la extensión
    const type = image.split(";")[0].split("/")[1];
    
    // generamos un nombre aleatorio
    const fileName = `${folder}/${Math.random()
      .toString(36)
      .substr(2, 15)}.${type}`;

    // hacemos la subida a S3 diciéndole a Amplify que el contenido es un base64, así lo retorna Vuetify Image Input
    const { key } = await Storage.put(fileName, base64Parsed, {
      contentType: "image/jpg",
      contentEncoding: "base64"
    });
    
    // path del archivo en nuestro bucket de S3
    return key;
  }
}