Upload a base64 encoded image using FormData?

javascript form-data
user1031947 picture user1031947 · Oct 31, 2014 · Viewed 47.8k times · Source

I have a jpeg as a base64 encoded string.

var image = "/9j/4AAQSkZJRgABAQEAS..."

I would like to upload this jpeg to the server using FormData.

var data = new FormData();

What is the proper way to append the image to data?

Answer

HeadCode picture HeadCode · Oct 31, 2014

Your image data is nothing more than a string, so append it to your FormData object like this:

data.append("image_data", image);

Then on your server side you can store that directly in a database or convert it to an image and store it on the file system. You might find this post helpful.

Related questions

How to inspect FormData?

I've tried console.log and looping through it using for in. Here it the MDN Reference on FormData. Both attempts are in this fiddle. var fd = new FormData(), key; // poulate with dummy data fd.append("key1", "alskdjflasj"); fd.append("key2", "…

Read More
appending array to FormData and send via AJAX

I'm using ajax to submit a multipart form with array, text fields and files. I append each VAR to the main data as so var attachments = document.getElementById('files'); var data= new FormData(); for (i=0; i< attachments.files.length; …

Read More
Convert JS Object to form data

How can I can convert my JS Object to FormData? The reason why I want to do this is, I have an object that I constructed out of the ~100 form field values. var item = { description: 'Some Item', price : '0.00', …

Read More