裁剪已经在客户端发生，您应该只将结果发送到服务器端。不需要将裁剪点发送到服务器。
在html上定义Select和Upload按钮，并使用id="main-cropper"定义div

<div>
            <div>
                <div id="main-cropper"></div>
                <a class="button actionSelect">
                    <input type="file" id="select" value="Choose Image" accept="image/*">
                </a>
                <button class="actionUpload">Upload</button>
            </div>
        </div>

字符串
在JS代码中，将croppie对象附加到dive，定义视点边界，最后将请求发送到服务器以将结果存储为blob。在服务器端，假设将有一个Create控制器与GetImage操作等待请求。testFileName.png被分配为文件名，您可以根据您的场景修改它。

var basic = $('#main-cropper').croppie({
            viewport: { width: 200, height: 300 },
            boundary: { width: 300, height: 400 },
            showZoomer: false
        });

        function readFile(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                    $('#main-cropper').croppie('bind', {
                        url: e.target.result
                    });
                }

                reader.readAsDataURL(input.files[0]);
            }
        }

        $('.actionSelect input').on('change', function () { readFile(this); });
        $('.actionUpload').on('click', function() {
            basic.croppie('result','blob').then(function(blob) {
                var formData = new FormData();
                formData.append('filename', 'testFileName.png');
                formData.append('blob', blob);
                var MyAppUrlSettings = {
                    MyUsefulUrl: '@Url.Action("GetImage","Create")'
                }

                var request = new XMLHttpRequest();
                request.open('POST', MyAppUrlSettings.MyUsefulUrl);
                request.send(formData);
            });
        });

型
在服务器上，在Create控制器中：

[HttpPost]
    public ActionResult GetImage(string filename, HttpPostedFileBase blob)
    {
        var fullPath = "~/Images/" + filename;
        blob.SaveAs(Server.MapPath(fullPath));
        return Json("ok");
    }

型
生成uuid字符串，并将其设置为文件名并存储在数据库中也是有意义的。

我发布了一个解决方案，通过Croppie.js上传裁剪到服务器，
也许将来能帮到别人

js

// When you click for saving your crop
$("#upload-crop").on("click", function() {
  $uploadCrop.croppie('result', {
    type: 'base64',
    size: 'viewport',
    format: 'jpg',
  }).then(function (resp) {
    // Remove data:image/png;base64,
    var base64str = resp.substring(resp.indexOf(',') + 1);

    // If you want to show the crop result
    $('#img-result').attr('src', resp);
    // If you used a modal bootstrap
    $('#modal-crop').modal('hide');
    
    // Send to controller
    var formData = new FormData();
    formData.append('CropName', 'myCrop');
    formData.append('CropBase64', base64str);
    
    $.ajax({
      type: "POST",
      url: "/controller/UploadCrop",
      processData: false,
      contentType: false,
      data: formData,
      success: function (result) {
       // Success
      },
      error: function () {
       // Error
      }
    });
  });
});

字符串

c#

[HttpPost]
[ValidateInput(false)]
public ActionResult UploadCrop(string CropName, string CropBase64) { 
    var fullPath = System.IO.Path.Combine(Server.MapPath("~/Uploads"), CropName + ".jpg");
    System.IO.File.WriteAllBytes(fullPath, Convert.FromBase64String(CropBase64));
    return Content("uploaded");
}

型