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

Question

我几乎在我所有的 ASP.Net webform 项目中都使用了 JCrop 及其非常方便的工具，并且继续前进，我必须开始使用 ASP.Net Core 或 ASP.Net Blazor 进行新项目，并升级旧的基于 webform 的项目。

在开始升级之前，我正在 blazor 中测试不同的东西，我发现困难的一件事是如何在 blazor 中使用 j Crop。我已经在类似的 webform 项目教程中使用了 jCrop。

我在网上看过例子，但找不到太多我需要一个指针来前进..

Answer 1

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

对于启用了预渲染的 Blazor 服务器应用，在初始预渲染期间无法调用 JavaScript。JavaScript 互操作调用必须推迟到与浏览器建立连接之后。有关详细信息，请参阅检测 Blazor 服务器应用程序何时进行预渲染部分。

并在 Blazor 中运行 JavaScript：

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

因此，您可以进行一些操作来解决该问题。请检查从 .NET 调用 JavaScript。