PHP How to save a Canvas Snapshot as a PNG from data to server-side, not in base64

Question

So I've been looking around and could only find a way to save the image to a server if the data you send is in base64. I am sending the data as regualar data so nothing I found worked.

Thanks

This is what I tried to use:

 <?php
  $data = 'data:image/png;base64,AAAFBfj42Pj4';

  list($type, $data) = explode(';', $data);
  list(, $data)      = explode(',', $data);
  $data = base64_decode($data);

  file_put_contents('/tmp/image.png', $data);
?>

I also tried this:

$data = base64_decode(preg_replace('#^data:image/\w+;base64,#i', '', $data));

This will help you http://stackoverflow.com/questions/29814895/converting-canvas-to-blob-using-cropper-js — Bogdan Burym, Aug 06 '15 at 18:56
I already have all of this, I need a PHP script to save the image server side — Density, Aug 06 '15 at 19:04

score 0 · Answer 1 · edited May 23 '17 at 11:51

0

The optimal way to return a Canvas image to PHP is describe in the following post:

How to save a HTML5 Canvas as Image on a server

1) Draw something

2) Convert canvas image to URL format (base64)

3) Send it to your server via Ajax

3) Save base64 on your server as an image

edited May 23 '17 at 11:51

Community

1
1

answered Aug 06 '15 at 18:25

samland

192
1
12

I can't send it as base64, only as regular data – Density Aug 06 '15 at 18:27
1

What do you mean, you can't? Why? Is there a physical barrier? – samland Aug 06 '15 at 18:29
I have a simple ajax plugin and it doesn't post as base64 Is there a way to do it as regular data? – Density Aug 06 '15 at 18:32
The only other option would be to save it as a PNG client side and do a and do a file upload. Take a look at this library: FileSaver.js – samland Aug 06 '15 at 18:33

PHP How to save a Canvas Snapshot as a PNG from data to server-side, not in base64

1 Answers1