Base64 Encoding in JavaScript - Explained (with usage examples)

In this video I'll be taking you through Base64 when it comes to JavaScript and also demonstrate how you can use it to upload images.
Support me on Patreon:
/ dcode - with enough funding I plan to develop a website of some sort with a new developer experience!
For your reference, check this out:
developer.mozilla.org/en-US/d...
Follow me on Twitter @dcodeyt!
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

[@freelancefabian3946]

Well done, concise and to the point .

[@photoinshot1355]

Brilliant! Thanks! I have been looking for a good tutorial on this for ages, should have come here first, very clear and well explained tutorial, as ever, thanks!

[@dcode-software]

Great to hear! You're welcome.

[@maheshmahi5455]

I like the way u explained and i subbed

[@MW-fm1qq]

Thanks for your efforts!

[@dcode-software]

My pleasure!

[@kuldeep7063]

Thanks Brother

[@aghahasaan]

Thanks a lot man!!!!

[@dcode-software]

Glad it helped!

[@amoljore7]

Hey decode hey, thanks for tutorial...but in react using webcam how to pass or convert base64 to binary..then send to server

[@bikramchettri9405]

Hey Dom can you please do a video on map-set-weakmap-weakset and map vs object?

[@cristophercanoles3827]

Hey master, how to display base64 PDF in IE 11, is supported?

[@jeevanstha57]

Can you make a video for converting multiple image upload by user to base64 and store to single row of database in php,mysql

[@RA-fj4qk]

Nice video. What color theme are you using?

[@MikeWilkesPhoto]

Nice! What does the Upload.php look like to accept the image using this method?

[@robogenus]

Hi dcode, wow thanks for this tutorial. It was very well explained and a very good demo. I'm glad I just discovered your channel. Now I can checkout what other cool tuts you might have. Sub/d :D

[@Kunal-jp8tn]

Please tell which keyboard are you using... It sounds pretty awesome....

[@chamansos7895]

hi, where can do download code soruce?

[@vinubox]

Cool :)

[@mr.rendero1240]

Hey dude, nice video, very informative. Uhmm is it okay if I use base64 for encoding complex JSON objects and passing them in data-attribute via html, to be used let's say in the next page ? Is that a bad practice and if so... what other alternatives can you recommend ? Thank you :)

[@dcode-software]

I just did a quick Google search and it looks like there's no limit on how much data you can store in an HTML attribute so you should be okay

[@mr.rendero1240]

@@dcode-software Got it, thank you :)

[@ruixue6955]

3:02
4:09 js: create convas
6:30

[@techwithshudarsan559]

Thanks.

[@dcode-software]

You're welcome

[@rahmankhanrajak6745]

help me to Image to base 64 in java script

[@user-vv9lz2ik2t]

Great

[@TheSclare]

Very good, but can we send the base64 data securely, protect from "man in the middle" attacks?

[@dcode-software]

It's not supposed to conceal data so any security methods you're trying to implement you should treat Base64 like it was plaintext.

[@octavioperez9835]

TheSclare

[@zhenghaohe4727]

You don't have to use base64 to encode image files as it increases the size of the message and it's not necessary. Also HTTP can transfer non texual data. The body of a request or response is an arbitrary sequence of bytes. It's mainly intepreted by the application, not by the HTTP layer. It doesn't need to be in any particular encoding. The header has a Content-Length field, and the client simply reads that many bytes after the header.

[@developeraccount438]

I listen your typing sounds only...tk tkkkk tlkkkkk wooowww

[@veeragali97]

But it not working in firefox browser man

[@biswamohandwari6460]

Update it bro

[@kurt9754]

so.

[@alexbykov7443]

so....

[@kurt9754]

so, well explained anyways.

[@cristianfigueredo566]

this don't work in NodeJS, you can use this approach: Buffer.from(YOUR_STRING, "binary").toString("base64");