Blazor[WASM]获取图像大小

Question

期望答案是使用jsInterop，但询问永远不会有坏处。

可以在Blazor中完成以下操作吗：

const img = new Image();
img.onload = function() {
alert(this.width + 'x' + this.height);
}
img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';

如图所示：如何使用JavaScript获取图像大小(高度和宽度(？

Answer 1

我能够用Blazor Wasm上的SixLabors.ImageSharpnuget完成这项工作。

protected async override Task OnInitializedAsync()
{
var data = await client.GetByteArrayAsync(ImageUrl);
using(var img = SixLabors.ImageSharp.Image.Load(data))
{
Console.WriteLine($"{img.Height}");
}
}

我不确定它是否值得额外组装。JS互操作可能更适合这一点。