将使用javascript创建的图像对象发送到codeigniter

Question

<img src="data:image/png;base64,iVBOR…AAjZUMKVM46UAAAAAElFTkSuQmCC">

上面的图像是使用canvas从svg图像创建的png图像，我希望将该图像保存在db中。

所以即时使用ajax将其发送到控制器

var can = document.getElementById('canvas1');
var imgpng = new Image();
imgpng.src = can.toDataURL('image/png');
console.log(imgpng);
var postData = {
'imgpng' : imgpng
};
$.ajax({
    type: "POST",
    processData: false,
    url: "../saveimg",
    data: postData,
    success: function(data){
        $('#allpurchasenumberssilk').html(data);
    }
});

在控制器中使用，

public function saveimg(){
    $imgpng = $this->input->post('imgpng');
    print_r($imgpng);   
}

没有打印任何内容。

我哪里出错了？ 上面的方法是否可以发送和保存图像？