Create Image from Data URL

Question

What I was hoping to do was use the JavaScript "readAsDataURL" method of the "FileReader" object in order to read file input from a drag and drop. Then I wanted to use Ajax with a PHP upload file in order to create a file and upload it to an "uploads" folder on the server.

I was wondering if there was a function in GD or something that would allow me to read in a data URL and output a file in which I could move to that folder.

Pekka · Accepted Answer · 2011-01-12 18:25:04Z

1

A data image URL will usually be base64 encoded, and will then contain a JPG, GIF, or PNG image which you can store.

So a simple base64_decode() should do to turn the data into readable form; if you can't know what format the file was in, you may have to write it onto disk to do a getimagesize() on it (unless you can use one of the new "memory" fopen wrappers shown here).

answered Jan 12, 2011 at 18:25

Pekka

451k150 gold badges990 silver badges1.1k bronze badges

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

2 Comments

Q2Ftb3k Over a year ago

Thanks for your help. Could I use a file_put_contents with the result of base64_decode?

Pekka Over a year ago

@Camoy sure, it's a normal file after the decoding.

Collectives™ on Stack Overflow

Create Image from Data URL

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related