How to use the FluentInputFile component with async upload

[paule96]

I am currently trying to change our custom upload component in a form to the FluentInputFile component.
In my project, we use only Blazor WASM.
And how it currently works is in the following way:

1. User opens the form
2. Fill out all the form fields
   • that step includes selecting the files in the upload component
3. Click submit
   • Now we start the communication with the APIs
   • Here we like to start the upload

I see that the FluentInputFile currently tries to upload the file immediately. (without any other interaction of the user after selecting files)
Is there a way to do it at the form submission or even at a completely custom moment in time? Or is this a currently not planned feature?

P.S.: Thank you for that library. It makes building good-looking and accessible websites an easy and fast task

[MarvinKlein1508]

@paule96 I could be wrong here but I believe Blazor does start the upload by default. When I upload files with vanilla Blazor the upload process is starting immediately as well.

[paule96]

@MarvinKlein1508 I'm not sure what you mean with blazor nativ. If you mean InputFile it is possible with it todo that.

For example take a look here:
https://github.com/codez-one/CZ.Azure.FileExchange/blob/main/src%2FCZ.Azure.FileExchange%2FPages%2FIndex.razor

An old project of mine that I should mabye update. It has the same behavior like describe above.

[vnbaaij]

Yes, @MarvinKlein1508 means the standard InputFile.

From our docs:

The FluentInputFile wraps the native Blazor InputFile component and extends it with drag/drop zone support.

So if you had it working as you want with InputFile, it should be possible to get it with FluentInputFile as well. It might need some changes in the code though.
We currently do not have any plans to change this component but we will happily take a PR. So if you're willing to invest the time and effort, we can get your behavior into the core package.