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

6
我在所有ASP.Net Webform项目中都使用了JCrop,它是一个非常方便的工具。现在,我需要开始使用ASP.Net Core或ASP.Net Blazor来开展新项目并升级旧的基于Webform的项目。
在开始升级之前,我正在测试不同的Blazor功能,其中一个困难是如何在Blazor中使用jCrop。我已经按照此教程在Webform项目中使用jCrop。

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

我在网上寻找了一些例子,但是没有找到我需要的太多。我需要一个指针来继续前进。


学习者,你试过这个吗 -> https://social.technet.microsoft.com/wiki/contents/articles/36865.image-cropping-using-jcrop-with-asp-net-mvc-and-ef-6.aspx。我知道它是mvc 5,但类似的技术也可以用于core或blazor。 - panoskarajohn
1个回答

5
默认情况下,在Blazor中无法直接运行JavaScript,这是关于Microsoft的限制:
对于启用预渲染的Blazor Server应用程序,在初始预渲染期间无法调用JavaScript。必须将JavaScript互操作调用推迟到与浏览器建立连接之后。有关详细信息,请参见“检测 Blazor Server 应用程序何时进行预渲染”部分。
要在Blazor中运行JavaScript:
Blazor应用程序可以从.NET方法调用JavaScript函数,并从JavaScript函数调用.NET方法。这些场景称为JavaScript互操作(JS interop)。
因此,您可以进行一些操作来解决这个问题。请查看从.NET调用JavaScript

@matham,没问题,但是如果你同意的话,这会使得添加这样的插件变得有点困难或复杂。我正在寻找一个这样的例子,它将展示这样的场景,因为你知道,在使用Blazor进行网站开发时,这些插件将成为支柱,如果集成困难,那么人们可能会回避在这样的项目中使用它。 - Learning
1
学习中,我同意你的困难点,但是我在选择一个新的JavaScript框架或者使用我已经了解的C#在Blazor上也有同样的困惑。当然这取决于你的项目范围、团队规模、团队知识等等。在我看来,使用Blazor的优点是:1.使用C#语法 2.调试 3.可重用组件。现在的缺点是,并不是所有现有的JavaScript库都能与之兼容,但我看到很多开发人员正在为Blazor开发功能。这只是时间问题。 - Maytham Fahmi
@学习中有不同的项目,但例如Blazorise是一个引导示例,如果您检查他们如何在Blazor中使用chart.js,您将获得一些实用的想法,以便其他人可以实现(https://blazorise.com/docs/extensions/chart/)。 - Maytham Fahmi
我是一个人的团队,有时很难集中精力或成为专家... Blazor 是新技术,我有希望,因为很多人已经开始贡献和对它感兴趣。但就目前而言,我认为它不适合兼职或初级程序员,如果你想进行开发,需要一定的专业水平。否则,我是 .net 的粉丝,但对于这个问题,我必须等待几周才能得到回复... 如果我们有很多有这种经验的人,他们肯定会回答的。 - Learning

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接