将base 64编码字符串转换为图像

Posted 2023-02-14

【中文标题】将base 64编码字符串转换为图像

【英文标题】：Convert base 64 encoding string into image

【发布时间】：2014-04-24 13:14:54

【问题描述】：

我想将base 64编码的图片转换成png或者jpeg图片。

我想转换成图像，它必须保存在服务器上，它必须移动到其他文件夹中，我可以从中获取它。 我在这里给出了代码 保存.php

<?php
header('Content-type: image/png');
header('Content-Disposition: attachment; filename="' . $_POST['name'] .'"');

echo '<img src="'.$_POST['img_val'].'" />';

$filteredData=substr($_POST['img_val'], strpos($_POST['img_val'], ",")+1);
$unencodedData=base64_decode($filteredData);


$return=file_put_contents('img.png', $unencodedData);

?>

这是我将数据发送到 save.php 的 javascript 函数

function capture()
html2canvas($("#share"), 
    onrendered: function(canvas) 
        var myImage = canvas.toDataURL("image/png");    
    $('#img_val').val(myImage);
  document.getElementById("myForm").submit();
    
);

【参考方案1】：

看起来大部分是正确的，但是，我认为您错过了需要从 javascript canvas.toDataURL() 调用中删除一些垃圾字符，即空格，您必须将其转换为加号-迹象。否则会损坏您的数据，例如：

<?php
  $encodedData = str_replace(' ','+',$encodedData);
  $decocedData = base64_decode($encodedData);
?>

【参考方案2】：

在发送图像之前，您必须对其进行编码以防止数据损坏：

var myImage = canvas.toDataURL("image/png");
    myImage = encodeURIComponent(myImage);