Javascript 使用路径位置将画布图像存储到mysql

我正在尝试将画布图像（由模板中的用户生成）保存到数据库中。我在这里查阅了很多资料，我把所有的资料都结合在一起，感到非常困惑

我正在尝试的步骤是：

Html表单，其中提供用户要求的不同选择（完成）

每次用户选择他/她的选项时，旁边就是显示图像的画布（完成）

一个按钮，显示其选择的摘要以及通过modal（完成）

使用php和mysql在数据库中使用图像提交订单的按钮没有错误！但它不存储我的图像

我不需要下载它，我只希望它在提交后直接存储在我的数据库中

因此，我被困在步骤4 我将对我的代码给出一个摘要选择：（它在我的文件中运行良好，只是给你结果的想法）

/*这将检索我的数据我的JS w/c与我的HTML是同一个文件：*/
$（'#review'）。单击（函数（）{
$（'#shape'）.html（$（'input[name=“shape_design”]：checked'）.val（））；
$（'#color'）.html（$（'input[name=“color_design”]：checked'）.val（））；
//在这一部分中，我将根据用户的选择在画布中显示图像
var canvasSource=document.getElementById（'myCanvas'）；
var contextSource=canvasSource.getContext（'2d'）；
var canvasShow=document.getElementById（'show_canvas'）；
var contextShow=canvasShow.getContext（'2d'）；
var image=contextSource.getImageData（0，0，canvasSource.width，canvasSource.height）；
putImageData（image，0，0）；}）；
});
$（函数（）{//此函数将画布转换为图像，因此现在称为“Show canvas”，它在我的模式中显示良好…不确定是否是正确的代码
$（“#submitBtn”）.bind（“单击”，函数（）{
var base64=$（'#myCanvas'）[0].toDataURL（）；
$（“显示画布”）.attr（“src”，base64）；
$（“#显示画布”）.show（）；
});
});
//检查后，此部分将执行将其存储在数据库中的操作。。我很困惑
$（“#提交者”）。单击（功能（确认）{
swal（{//sweetalert样式
标题：“已发送订单”，}，
功能（提交）{
setTimeout（函数（）{
$（“#showchoices”）.submit（）；}，500）；/“showchoices”是Html表单的名称，它将转到orderssent.php
});
});插入的语法错误。在表中插入名称（'shape\u design'、'color\u design'、'myCanvas'）值（$cake\u theme、$occassion\u select、$myCanvas）@NavjotSingh哦，对不起，打字错误。谢谢但是如果没有使用相同代码的画布，形状和颜色设计可以轻松地存储在我的数据库中。我无法插入生成的图像