How to save a PNG image server-side, from a base64 data URI

by

You need to extract the base64 image data from that string, decode it and then you can save it to disk, you don’t need GD since it already is a png.

$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);

And as a one-liner:

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

An efficient method for extracting, decoding, and checking for errors is:

if (preg_match('/^data:image\/(\w+);base64,/', $data, $type)) {
    $data = substr($data, strpos($data, ',') + 1);
    $type = strtolower($type[1]); // jpg, png, gif

    if (!in_array($type, [ 'jpg', 'jpeg', 'gif', 'png' ])) {
        throw new \Exception('invalid image type');
    }
    $data = str_replace( ' ', '+', $data );
    $data = base64_decode($data);

    if ($data === false) {
        throw new \Exception('base64_decode failed');
    }
} else {
    throw new \Exception('did not match data URI with image data');
}

file_put_contents("img.{$type}", $data);

More Related Contents:

  1. Sending/Displaying a base64 encoded Image
  2. Calling a php script at the end of a js script
  3. How to convert an image to Base64 encoding
  4. Highlight row when the checkbox is true
  5. How to access PHP variables in JavaScript or jQuery rather than [duplicate]
  6. Access a JavaScript variable from PHP
  7. Access PHP variable in JavaScript [duplicate]
  8. Is native PHP support for Web Sockets available?
  9. Check if JavaScript is enabled with PHP
  10. Access PHP var from external javascript file
  11. Firefox error rendering an SVG image to HTML5 canvas with drawImage
  12. Send JSON data from Javascript to PHP?
  13. Best way to transfer an array between PHP and Javascript [duplicate]
  14. Use Javascript to access a variable passed through Twig
  15. How to pass an array using PHP & Ajax to Javascript?
  16. How can I block direct access to my JavaScript files?
  17. Is there a built-in function or plugin to handle date formatting in JavaScript?
  18. How to add anchor tag to a URL from text input
  19. Regex for names with special characters (Unicode)
  20. How to get exact browser name and version?
  21. Removing black borders 4:3 on youtube thumbnails
  22. browscap ini directive not set
  23. How to properly handle session and access token with Facebook PHP SDK 3.0?
  24. Regular expression for a string that must contain minimum 14 characters, where at minimum 2 are numbers, and at minimum 6 are letters
  25. uploading a file via ajax with php
  26. Is there a function similar to setTimeout() (JavaScript) for PHP?
  27. How to keep form values after post [duplicate]
  28. Detect Ajax calling URL
  29. passing php string with multiple lines to a javascript function/variable
  30. How to assign Php variable value to Javascript variable? [duplicate]

Leave a Comment