2Sxc DNN：自定义输入类型：图像裁剪器

Question

我目前正在尝试在 DNN 中扩展 2sxc 应用程序的功能。我创建了一个新的内容类型并添加了我的自定义输入类型（带有cropper.js 的图像裁剪器），如本教程中所述： How To Create Custom Input Fields (v11.2)

目前看起来像这样：

并且数据当前存储为 base64 字符串。

现在缺少的最后一件事是保存裁剪后的图像，如果可能的话，使用 2sxc ADAM。 我找到了这个教程：Recipe: Form Files SaveInADAM in Your Custom WebAPI，但我不知道把 cshtml 文件放在哪里。 这是我当前的代码：

如何使用 2sxc ADAM 保存图像？

Answer 1

这听起来是个好主意。

在我指导您完成此操作之前，我想指出您也可以只保存裁剪坐标（而不是新图像），然后使用内置的图像调整器在运行时裁剪到这些坐标。

如果您想这样做，可以将坐标保存为 json 或字段中的其他内容。

现在，如果您真的想保存裁剪后的图像，请在您的 API 控制器中使用 SaveInAdam(...) 命令https://docs.2sxc.org/api/dot-net/ToSic.Sxc.Dnn.ApiController.html#ToSic_Sxc_Dnn_ApiController_SaveInAdam_System_String_System_IO_Stream_System_String_System_String_System_Nullable_System_Guid__System_String_System_String_

您还可以在 Mobius 应用程序中找到这方面的示例。