如何截取div的屏幕截图并将值插入到模型的属性ASP .NET核心中

<div id="myDiv">
    <!-- div内容 -->
</div>

<button id="screenshotButton">截图</button>

document.getElementById("screenshotButton").addEventListener("click", function() {
    html2canvas(document.getElementById("myDiv")).then(function(canvas) {
        var screenshotDataUrl = canvas.toDataURL(); // 获取截图的Data URL
        // 将screenshotDataUrl的值插入到模型的属性中，可以使用AJAX请求将其发送到服务器
        // 例如，可以使用jQuery的$.ajax方法：
        $.ajax({
            url: "/YourController/SaveScreenshot",
            type: "POST",
            data: { screenshotDataUrl: screenshotDataUrl },
            success: function(response) {
                // 处理成功响应
            },
            error: function(xhr, status, error) {
                // 处理错误
            }
        });
    });
});

[HttpPost]
public IActionResult SaveScreenshot(string screenshotDataUrl)
{
    // 将screenshotDataUrl的值插入到模型的属性中
    // 例如，可以将其存储到数据库中或进行其他处理
    // 返回适当的响应，例如：
    return Ok();
}