Get image data from Html5 canvas and upload it to Amazon S3 server, using Scala

Question

I am in a bit of trouble with uploading images on Amazon S3 servers,my objective goes like:

Create image on Html5 canvas by dragging and dropping images in it,
Then upload/save the image in Amazon S3 server.

My app properly creates the image, and asks the user to save the image; with the help of JS libraries

But the problem:

I need to save them directly to S3 server, not on my local. I have been using java-aws sdk.

My own ideas,

I could save the image on my local machine, and then upload using the java-aws-sdk but that would be a longer process i.e. saving in local and then uploading in s3 server.

Is there any way to get the image-data or image to backend scala code and then converting it into some image obj (since java-aws seems to need a file to upload) and then I would be using java-aws sdk for the rest.

Checkout this link [Uploading Image to Amazon s3 ][1] may be it will help you. [1]: stackoverflow.com/questions/11240127/… — Pulkit Agarwal
– Pulkit Agarwal, Commented May 20, 2014 at 4:46
My problem is I would not be using forms.... stackoverflow.com/questions/934012/get-image-data-in-javascript — mane
– mane, Commented May 20, 2014 at 5:50
Have you seen the page about body parsers ? You can find some examples of that on the web. These are not mine, I just found them on manning forum: 1 2 — goral
– goral, Commented May 20, 2014 at 5:58

Community · Accepted Answer · 2017-05-23 12:19:20Z

2

Well i found my answer and much credit goes to this SO post, Get image data in JavaScript?

def foo(source: String) {
        //Getting the base64 encoded string, then converting into byte stream
        val imgByte = Base64.decodeBase64(source)
        val bis = new ByteArrayInputStream(imgByte)

        val bucketName = "SOME_BUCKET"
        val AWS_ACCESS_KEY = "KEY"   
        val AWS_SECRET_KEY = "SECRET"

        val yourAWSCredentials = new BasicAWSCredentials(AWS_ACCESS_KEY, AWS_SECRET_KEY)
        val amazonS3Client = new AmazonS3Client(yourAWSCredentials)
        val md = new ObjectMetadata

        amazonS3Client.putObject(bucketName, "fireside2.png", bis, md)
    }

edited May 23, 2017 at 12:19

CommunityBot

11 silver badge

answered May 20, 2014 at 8:31

mane

1,1791 gold badge17 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

mane Over a year ago

though I have got much to research on the ObjectMetadata and getting the encoded string to my Scala method, Ajax and stuff ...., but for now it seems to work!!

Collectives™ on Stack Overflow

Get image data from Html5 canvas and upload it to Amazon S3 server, using Scala

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related