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

Question

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

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

Answer 1

如果您查看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>

所以这给出了一个很多人都有的共同问题。

基于这个答案，你希望它反过来，有一些额外的 css。您可能必须使用自己的 .razor.css 创建自己的 Razor 组件。