将div保存为图像并保存到数据库

Question

我想知道如何将div图像保存到数据库。我已经知道我无法将实际图像保存到数据库中，我必须保存图像的名称并将其链接到名为images的文件夹。我可以采取不是问题的div的图像问题是如何将图像保存到文件夹并将名称链接到数据库我知道如何使用常规图像我只是不知道怎么做与div作为形象。即时通讯使用mysqli代码的PHP我不知道是否重要。这是我的代码，我需要保存使用唯一名称创建的图像。

$(document).ready(function(){

	
var element = $("#firstshirt"); // global variable
var getCanvas; // global variable
 
    $("#btn-Preview-Image").on('click', function () {
         html2canvas(element, {
         onrendered: function (canvas) {
                $("#previewImage").append(canvas);
                getCanvas = canvas;
             }
         });
    });

	$("#btn-Convert-Html2Image").on('click', function () {
    var imgageData = getCanvas.toDataURL("image/png");
    // Now browser starts downloading it instead of just showing it
    var newData = imgageData.replace(/^data:image\/png/, "data:application/octet-stream");
    $("#btn-Convert-Html2Image").attr("download", "your_pic_name.png").attr("href", newData);
	});

});

<input id="btn-Preview-Image" type="button" value="Preview"/>
    <a id="btn-Convert-Html2Image" href="#">Download</a>