如何在ASP.Net Blazor服务器端使用jCrop

时间:2020-02-17 04:47:21

标签: c# asp.net blazor blazor-server-side jcrop

我几乎在所有ASP.Net Webform项目及其非常方便的工具中都使用了JCrop,并且今后我必须开始对新项目使用ASP.Net Core或ASP.Net Blazor,还必须升级基于Webform的旧项目

在开始升级之前,我正在测试blazor中的不同功能,而我发现困难之一是如何在blazor中使用j Crop。我使用jCrop的方式与本教程中针对Webform项目的显示方式类似。

https://www.c-sharpcorner.com/blogs/how-to-crop-image-and-save-the-cropped-image-using-asp-net-jquery

我在网上已经看过例子,但是找不到很多需要前进的指针。

1 个答案:

答案 0 :(得分:5)

默认情况下,无法在Blazor中针对Microsoft开箱即用运行JavaScript:

对于启用了预渲染的Blazor Server应用程序,调用 在初始预渲染期间无法使用JavaScript。的JavaScript 互操作调用必须推迟到与 浏览器已建立。有关更多信息,请参阅 Blazor Server应用程序正在预渲染部分。

并在Blazor中运行JavaScript:

Blazor应用程序可以从.NET方法调用JavaScript函数,并且 JavaScript函数的.NET方法。这些场景称为 JavaScript互操作性(JS互操作性)。

因此,您可以进行一些操作来解决此问题。请检查Call JavaScript from .NET