Blazor 和 Visual Studio 中的 InputFile 在哪里？答案

【问题标题】：Where is InputFile in Blazor and Visual Studio?Blazor 和 Visual Studio 中的 InputFile 在哪里？
【发布时间】：2021-02-24 09:22:20
【问题描述】：

据我了解，在 Blazor 中使用 .NET 5 我应该能够使用 InputFile。我没有那个选项。我在 VS 16.8 上，我在 Blazor Web Assembly 项目（使用 .Net Standard 2.1）中安装了 .net 5 SDK，托管了 .Net Core（使用 .Net 5），但 InputFile 未被识别为有效语法。我是否遗漏了一些非常明显的东西？

【问题讨论】：

标签： .net visual-studio blazor-webassembly

【解决方案1】：

我认为它应该在 .razor 文件中“工作”（假设您的目标是 net5.0）。我在 Blazor Server 应用程序中使用它，没有任何额外的 using 语句。它是 Microsoft.AspNetCore.Components.Forms 命名空间的一部分

@page "/"
@using server.Data //this is specific to my app
@using server.Data.Util //this too
@inject IJSRuntime js //this is just the js interop

...

<InputFile OnChange="@HandleFileSelectedAsync" />

<section>
    @if (_uploading)
    {
        <p>Uploading...</p>
        <div class="loader"></div>
    }
...

更新：我还注意到我的项目中有一个 _Imports.razor 文件，当我创建一个新项目时，它一定是由 VisualStudio 创建的。它看起来像这样：

@using System.Net.Http
@using Microsoft.AspNetCore.Authorization
@using Microsoft.AspNetCore.Components.Authorization
@using Microsoft.AspNetCore.Components.Forms //InputFile in here
@using Microsoft.AspNetCore.Components.Routing
@using Microsoft.AspNetCore.Components.Web
@using Microsoft.JSInterop
...

【讨论】：

它应该以与 InputSelect 相同的方式工作，但它不存在......
您的 csproj 是否引用 Microsoft.NET.Sdk.BlazorWebAssembly？这在移植到net5.0 时是必要的（所以现在是<Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">）

【解决方案2】：

Visual Studio 的模板尚未更新，因此它仍然针对 .NET 标准而不是 .NET 5。使用本指南 https://www.davideguida.com/how-to-migrate-blazor-webassembly-to-net-5/

【讨论】：

同时删除 razor 语言行，我无法让多个文件在它仍然存在。

【解决方案3】：

在 Mario 建议 Blazor 应用程序应该针对 .net 5.0 之后，我转到项目属性，发现它默认针对 .net core 3.1。

将目标更改为 .net 5.0 使其工作。

谢谢！

【讨论】：