how to save base64 image server side

Question

how can i save image server side i have this code but for some reason the image that i upload to the server is saved as text/x-generic. what can i do to fix this?

<?php

  function base64_to_image($base64_string) {

      $data = explode(',', $base64_string);
      $ext = "";
      switch ($data[0]) {
          case "data:image/png;base64";
              $ext = "png";
              break;
          case "data:image/jpg;base64";
              $ext = "jpg";
              break;
          case "data:image/jpeg;base64";
              $ext = "jpg";
              break;
          case "data:image/gif;base64";
              $ext = "gif";
              break;
      }

      $milli = round(microtime(true) * 1000);

      $output_file = "img/" . date('Y-m-d_H:i:s') . "." . $milli . "." . $ext; 
      $ifp = fopen($output_file, "wb"); 

    
      fwrite($ifp, base64_decode($data[1])); 
      fclose($ifp); 

      return $ifp; 

  }

  $file = base64_to_image($_POST['file']);
  var_dump($file);
?>

hmm, weird, you did include the `b` in `fopen($output_file, "wb");`. although i'm a bit concerned with the `:` in the file name as defined in `"img/" . date('Y-m-d_H:i:s')`, but i don't think it could affect the output. anyway, does the file shows properly as image when downloaded? — Bagus Tesa, Feb 08 '17 at 01:21
Chack that `base64_decode` returns a non FALSE value (FALSE means incorrect base64 codification) — jlasierra, Feb 08 '17 at 02:03

Afshan Shujat · Accepted Answer · 2017-02-08T02:22:25.783

4

I used this function to save base64 image and it's working fine. Try this-

function saveBase64ImagePng($base64Image, $imageDir)
{
    //set name of the image file

    $fileName =  'test.png';

    $base64Image = trim($base64Image);
    $base64Image = str_replace('data:image/png;base64,', '', $base64Image);
    $base64Image = str_replace('data:image/jpg;base64,', '', $base64Image);
    $base64Image = str_replace('data:image/jpeg;base64,', '', $base64Image);
    $base64Image = str_replace('data:image/gif;base64,', '', $base64Image);
    $base64Image = str_replace(' ', '+', $base64Image);

    $imageData = base64_decode($base64Image);
    //Set image whole path here 
    $filePath = $imageDir . $fileName;


   file_put_contents($filePath, $imageData);


}

Hope this will help you.

edited Feb 08 '17 at 02:22

answered Feb 08 '17 at 02:01

Afshan Shujat

541
4
9

where would the folder name be? – xcalliber Feb 08 '17 at 02:04
$imageDir, you can set your file path here. – Afshan Shujat Feb 08 '17 at 02:05
try this edited one, earlier was including the logic of thumbnail cutting as well – Afshan Shujat Feb 08 '17 at 02:24
You need to test remove, this metadata string 'data:image/png;base64,' from your base64 url. And validate your base64 string that you are receiving at server here - http://base64-encoding.online-domain-tools.com/ – Afshan Shujat Feb 08 '17 at 02:26
http://stackoverflow.com/questions/11511511/how-to-save-a-png-image-server-side-from-a-base64-data-string – Afshan Shujat Feb 08 '17 at 02:27
where would the folder name be ? – xcalliber Feb 08 '17 at 03:13
$imageDir will be the path/folder name where you would like to store image. – Afshan Shujat Feb 08 '17 at 03:16

how to save base64 image server side

1 Answers1