Uploading Multiple Files with Fetch

[@HarshKapadia]

Nice one! Thank you Steve! One thing to remember is that the Developer should not set the Content Type header themselves. The browser will set it automatically and add the boundary to the header value as well. If the Developer sets the header themselves, the boundary value in the header is not set and the request fails.

[@SteveGriffith-Prof3ssorSt3v3]

Yes. The developer should not set the boundary value but content-type for uploading a blob as a json file or jpeg is fine.

[@HarshKapadia]

@@SteveGriffith-Prof3ssorSt3v3 oh yes. The Developer should not set the 'Content-Type' header if the MIME type is 'multipart/form-data'.

[@cferdinandi]

Glad you're back, friend! Missed your videos!

[@SteveGriffith-Prof3ssorSt3v3]

Thanks Chris. 🙏 😀

[@andreyairesvoiicr]

That deep voiceover

[@npc73x]

The Impact you made many of our Lives, truly remarkable, Thanks

[@SteveGriffith-Prof3ssorSt3v3]

Thank you.

[@techfth710]

Listening to you is like listening to BOB ROSS

[@anwayarath6453]

Thank you so much for these videos. These are really helpful and made an impact.

[@farouktouil5036]

Oh yes professor progress bar for each file ,thank you again, awesome tutorial.

[@RaGa_BABA]

great...as always..thnks for the lecture🙂

[@judeleon8485]

Thanks Steve. This is awesome! I look forward to the video on progress bar with fetch api as you mentioned in your previous video?

[@pain.]

Useful video. I'd like to know how correct validate user's files.

[@meridiancityit]

Great content Professor! Thank you for sharing your knowledge. I have implemented what you show on this video and I can see my objects on the console. I now need to pass them on to my controller so my url is - let url = 'Controller/Action'. How do I grab those on my Controller? Can you point me in the right direction? Thanks again. :)

[@SteveGriffith-Prof3ssorSt3v3]

Not without looking at your codebase and seeing how you have set up your project.

[@nro337]

Thanks! Super cool

[@dgcp354]

can you please do the backend too, how to handle multiple files in node backend

[@SteveGriffith-Prof3ssorSt3v3]

You can post any tutorial requests here - kzbin.info/www/bejne/gnTIq5SuZ9qBacU - in the comments.

[@dodokwak]

Thanks a lot.

[@nikhilreddydev]

How to send a blob over to server and handle that at server?

[@SteveGriffith-Prof3ssorSt3v3]

Sending it is the same as what is shown in the video. Handling it depends on what platform, what language, and what you want to do with it.

[@nikhilreddydev]

@@SteveGriffith-Prof3ssorSt3v3 Thank you for your reply sir. Server side - nodejs with express & multer. I have been trying from last two days with this issue. Finally I am able to get the blob data on to server using multer. Now i have the exact blob on server side. But how do I convert that to a video and save it? I tried creating an array buffer and writing to a file. That didn't help... : ')

[@SteveGriffith-Prof3ssorSt3v3]

@@nikhilreddydev Files are just Blobs with additional properties like file type, file size, file name, etc. kzbin.info/www/bejne/iZS9i6J-n5ygp7s kzbin.info/www/bejne/sKKVqXdjrdp8fZY

[@維倫劉]

Thanks!