使用canvas在数据库中存储和显示图像

我尝试将canvas的图像保存到我的数据库中。 二进制代码在那里，但问题是显示。

所以基本上我有一个自定义页面，你将设计一个蛋糕。 它还没有在canvas上，只使用了CSS。 这是自定义发生的代码（显示）：

Display Cake
 
 
 

所以在它之后，我有一个预览按钮，我使用canvas将disp_card转换为Image。

这是我的代码：

  // gets the binary code of the canvas to save in the database var canvas1 = document.getElementById('preview_image'); var contextSource = canvas1.getContext('2d'); var canvasall = document.getElementById('preview_image'); var context = canvasall.getContext('2d'); context.drawImage(canvas1, 0, 0); var base64=""; $(function () { $("#submitBtn").bind("click", function() { base64 = $('#preview_image')[0].toDataURL(); $("#show_canvas").attr("src", base64); $("#show_canvas").show(); }); });  

这是html：

设计完成后，新生成的蛋糕图像将存储在我的数据库中。

这是php $ savecanvas = str_replace（”，’+’，$ _POST [‘canvas’]）; 它运作正常。

希望有人可以帮助我。 谢谢