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:

For your reference, check this out:

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!

[freelancefabian]

Well done, concise and to the point .

[photoinshot]

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!

[maheshmahi]

I like the way u explained and i subbed

[RA-fjqk]

Nice video. What color theme are you using?

[bikramchettri]

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

[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

[amoljore]

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

[ruixue]

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

[Kunal-jptn]

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

[MikeWilkesPhoto]

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

[jeevanstha]

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

[cristophercanoles]

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

[mr.rendero]

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 :)

[chamansos]

hi, where can do download code soruce?

[rahmankhanrajak]

help me to Image to base 64 in java script

[TheSclare]

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

[developeraccount]

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

[zhenghaohe]

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.

[veeragali]

But it not working in firefox browser man

[cristianfigueredo]

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