doujian7132 2017-04-12 18:36
浏览 249
已采纳

Base64图像解码问题 - 空.png文件?

I'm trying to get a .png image from <canvas> element generated basing on html code.

The javascript i'm using is:

function canvityo() {
        html2canvas(document.body, {
            onrendered: function(canvas) {
            document.body.appendChild( canvas );
            var dataURL = canvas.toDataURL();

        $.ajax({
          type: "POST",
          url: "imgprocess.php",
          data: { 
             imgBase64: dataURL
          }
        }).done(function(o) {
          console.log('saved'); 
        });
  }
});
}

I have html2canvas library linked, it creates good <canvas> (can see them since I used appendChild), and now I'd like to convert those <canvas> into photo.png file, to be able to either save it on server, or INSERT INTO as blob to my `database table.

var dataURL = canvas.toDataURL();

to this point it seems everything is working fine (I can manage to get this url, which appears to be hella long). Because of strange look i'm pretty much sure i'd need to use base64 decoding to retrieve it as image file.

My imgprocess.php looks like that:

<?php

$img = $_POST['data'];
$img = str_replace('data:image/png;base64,', '', $img);
$img = str_replace(' ', '+', $img);
$fileData = base64_decode($img);
$fileName = 'photo.png';
file_put_contents($fileName, $fileData);

?>

It does output photo.png file, but the file is empty and as I'm not very experienced I've been struggling to find cause of this issue.

Maybe you guys could help me deal with this problem?

  • 写回答

1条回答 默认 最新

  • duande3134 2017-04-12 18:43
    关注

    It should be $img = $_POST['imgBase64']; not $img = $_POST['data']; as your data object's key name is imgBase64 when sending the ajax post request.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 python动态规划:N根火柴摆出的最大数字
  • ¥20 (标签-excel)
  • ¥200 求idea10和MyEclipse7.1
  • ¥20 vb6.0截取当前窗体保存为jpg文件
  • ¥20 苹果手机不使用大疆sdk怎么获取遥控器控制信息或如何接入大疆sdk并且成功上架sdk
  • ¥20 woocommerce 注册按键重定向
  • ¥100 求书法图像文字切割代码
  • ¥15 同一个波形探测距离不同的目标,为什么fft之后得到的频谱图会发生移动,不应该时移不改变幅度谱吗(标签-matlab)(相关搜索:matlab仿真)
  • ¥15 Proteus仿真程序只能执行一次
  • ¥15 语音识别websocket报错