仅允许在 blazor 中上传特定文件类型

Question

我正在使用BlazorInputFileBlazor 中的包上传文件。

问题

这段代码不起作用。

<InputFile OnChange="OnFileUpload" accept="image/x-png,image/jpeg" title="Upload jpeg or png image" />

如何限制用户在 Blazor 中只能上传 jpeg 或 png？如果需要更多内容来支持该问题，请告诉我。

Answer 1

之前的版本中可能存在错误，但需要明确的是，InputFile组件有一个AnotherAttributes字典，可以捕获任何未指定的属性，然后将其直接放置到类型文件的输入上。

[Parameter(CaptureUnmatchedValues = true)]
public IDictionary<string, object>? AdditionalAttributes { get; set; }

这意味着您可以传递它未尝试处理的属性，但它们会将其发送到正确的位置。

因此，您可以指定一个接受属性或一个类，就像常规输入标签一样。

<InputFile OnChange="OnFileChange" class="custom-file-input" accept=".csv,.xlsx" />

也可以看看：

使用 <input type="file"> 时限制文件格式？