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

Question

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

它目前看起来像这样：

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

现在缺少的最后一件事是保存裁剪后的图像，如果可能的话，使用 2sxc ADAM。 我在您的自定义 WebAPI 中找到了本教程：食谱：表单文件 SaveInADAM ，但我不知道将 cshtml 文件放在哪里。 这是我当前的代码：

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

Answer 1

这听起来是个好主意。

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

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

Now if you really want to save the cropped image, use the SaveInAdam(...) command in your API controller 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 应用程序中找到这方面的示例。