Blazorise/Blazor：从另一个按钮触发 FileUpload

问题描述

我有一个 Blazor 页面的一小部分：

右侧是 Blazorise FileEdit 组件。选择并上传图像后，该图像将显示在占位符中。但我不喜欢大型 FileEdit 组件，我想隐藏它并在单击占位符时触发文件选择。触发图像 onclick 不是问题，但在该图像 onclick 函数中，我想触发 FileEdit 的 fileSelect。 这可能吗？在 Blazorise 还是 Blazor？

解决方法

如果您查看 the source of Blazorise FileEdit.razor，它基于：

<input [...] type="file" [...] />

它呈现为

    <div class="custom-control custom-file">
        <input id="0HM6HP5DH8BMU" type="file" class="custom-file-input"></input>
        <label class="custom-file-label" for="0HM6HP5DH8BMU"></label> <!-- shows "Browse" text -->
    </div>

所以这给了很多人一个普遍的问题。

基于 this answer，您希望反过来，使用一些额外的 css。您可能需要使用自己的 .razor.css 创建自己的 Razor 组件。