💾 File Upload with a .NET 6 Web API & Blazor WebAssembly

Table of Contents:
00:00 💾 File Upload with a .NET 6 Web API & Blazor WebAssembly
02:57 Quick Look at the Documentation
04:06 Create a new Project (Blazor WebAssembly ASP.NET Hosted)
05:20 First Implementations with the InputFile Component
07:12 Implement the OnInputFileChange() method
13:32 Add the new Model UploadResult
15:45 Implement the Controller
23:54 Final Implementation on the Client
28:57 Final Test

🙏MANY THANKS TO THESE LOVELY PEOPLE:
@Alaffer
Alvin Majid
Slava Ukrayini
Piotr Franczak
Jan Trichter
Tom
H. Ali
Ashley Gahl
Daniel Viveros
Mehmet Ali Ege
Winther
harry j
@Alaffer
Sam Catlow
Jim
Brian Williams
Gonzo
Jonas
Ariel Sartor
Andy Benson
@stevelikespies
Raphael Lukas
James Goforth
@williamdevine
Doug Nelson
Arif Hasanov
@kohji1712
@dlb78dlb
Thomas Korsgaard
FastTrak
Jeff Sager
Dan Moyer
AlgoMarket
Mennskr
Simon
Michael Mel
Hermann Rösch
Jim McNeal
Kieron
@mgrainger231
Gerrit Esmeijer
Axel
Kareem Skinner
Joaquim
Alain Legrand
Per Rieland
@prodrigu75
Greg
Brendan Maunder
Stageoner
Andrew Campbell
pascalditzfeld
PovilasSimanskas
Ameet Jayawant
jenö
Marco Otilli
Mark
l33ter
alibux
Luke Vincent
mrcl
Alain Legrand
Thomas Werner
István Csibor
Grant Burdon
@gianluigiconti
Gerrit Esmeijer
Illia
Németh-Pók István
Michael Mel
Marko Zdilar
GerryB
@DADA_universe
Domen Hren
@heroesch
Carey
Peter De Tender
Baris Keskin
@Big_Bear_27390
Mathias
walter e watkins
Günther Dassel
Axel
Josh
Daniel Huber
Fredric Adell
Juan Carlos
Manolis
Pajani
P.
Jonas Granlund
Bobby
Kristina
@xamarin007

#DotNet #Blazor #PatrickGod

[modx]

I really like your tutorials and how you focus on the most important bits. They give me a great starting point with a lot of room for improvement if needed! With a rudimentary understanding it is so much easier to expand upon your code by following other tutorials which go more in-depth.

[CScottEdwardsScottGeek]

Quick easy getting started video. Thanks Patrick!

[youtube.com-handle]

yeah this one worked like a charm, thanks for the tutorial mate.

[jamesscott]

Hi Patrick, excellent video. Thanks very much !

[FredHendrix]

Love these videos. It is like Patrick is omniscient - I wonder something and up pops a video.

[DougNelson]

Another great video. Can't wait for next week!!! How easy would it be to set up the uploads folder on a different server for storage?

[nakashilearn]

Hi Patrick thanks you for all plz how to find the the path of images and display on the client

[sukhjindersingh]

Hi Sir. How could I send additional data with file upload

[neralem]

How do you customize this FileUpload UI? What if I dont want to show the filename there? And how do I do Drag and Drop?

[bl]

Thank you! Could you PLEASE show how to perform this using ASP.NET Core 6 MVC…please

[bl]

How would this be done using .NET 6 MVC instead of using Blazor?

[paologonzales]

How can i display the image in the ui?

[rohitkulkarni]

How the BlazorFileUpload.shared file is created ?

[en_acorn]

Is it possible to upload the in file a different folder using FTP ?

[rivaldovola]

Hey Pat, i'm sending my MultipartFormDataContent data to my api. but the List<IForm> is empty. how can that be?

[CyprianLibera]

I have an odd problem. The file upload works but I can only select a maximum of 8 files at a time. If I select 9 or more the files will not upload. Instead there is a message "Stored File Name: File not found.". The original file name is shown in the list that comes back.

[meganpaterson]

I followed your tutorial and it was honestly the best one I've found yet. I've been working on this for about 2/3 weeks trying every possible way for it to work and not one has actually stored the file somewhere until now. The only problem I have is that it is uploading the file, but the stored file name is showing as file not found, and wont allow to download - but it definitely exists. Do you have any tips? I am currently running this on my work laptop so I'm thinking its something to do with permissions.

[LettersAndNumbers]

How come I have to add 'Using BlazerFileUpload.Shared' to the top of the code in Server and Client and you don't?

[janjan-flyl]

@PatricGod I am a one question. How to send large files (>100MB) to API? I get an exception, (<' is an invalid start of a value). Please help me.

[saroshwadia]

Thx for the great video :-) Is there a way to let the user select a local Folder and then scan that Folder and it's SubFolders and Upload all Files found in them?