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

时间:2014-04-24 13:14:54

标签: javascript php canvas base64 html2canvas

我想转换base 64编码图像png或jpeg图像。

我想转换成图像,它必须保存在服务器上,它必须移动到我可以获取它的其他文件夹中。 我在这里给了代码 save.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);

?>

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

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

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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

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