2Sxc DNN:自定义输入类型:图像裁剪器
2Sxc DNN: Custom Input Type: Image Cropper
我目前正在尝试在 DNN 中扩展 2sxc 应用程序的功能。我创建了一个新的内容类型并添加了我的自定义输入类型(带有 cropper.js 的图像裁剪器),如本教程中所述:
如何创建自定义输入字段 (v11.2)
目前看起来是这样的:
数据当前存储为 base64 字符串。
现在缺少的最后一件事是保存裁剪后的图像,如果可能的话使用 2sxc ADAM。
我找到了这个教程:Recipe: Form Files SaveInADAM in Your Custom WebAPI,但我不知道将 cshtml 文件放在哪里。
这是我当前的代码:
如何用2sxc ADAM保存图片?
这听起来是个好主意。
就在我指导你完成这个之前,我想指出你也可以只保存裁剪坐标(而不是新图像)然后使用内置的图像调整器在运行时裁剪这些坐标.
如果您想这样做,您可以将坐标保存为 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 应用程序中找到这方面的示例。
我目前正在尝试在 DNN 中扩展 2sxc 应用程序的功能。我创建了一个新的内容类型并添加了我的自定义输入类型(带有 cropper.js 的图像裁剪器),如本教程中所述: 如何创建自定义输入字段 (v11.2)
目前看起来是这样的:
数据当前存储为 base64 字符串。
现在缺少的最后一件事是保存裁剪后的图像,如果可能的话使用 2sxc ADAM。 我找到了这个教程:Recipe: Form Files SaveInADAM in Your Custom WebAPI,但我不知道将 cshtml 文件放在哪里。 这是我当前的代码:
如何用2sxc ADAM保存图片?
这听起来是个好主意。
就在我指导你完成这个之前,我想指出你也可以只保存裁剪坐标(而不是新图像)然后使用内置的图像调整器在运行时裁剪这些坐标.
如果您想这样做,您可以将坐标保存为 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 应用程序中找到这方面的示例。