Everything You Feared about Base-64 Made Clear

This video covers a wide range of functionality and information. Please use this as a future reference for the things that you could possibly do with base-64 Strings.
It starts by explaining what base-64 strings are and then looks at a variety of ways that you can and can't generate them - from the Number.toString( ) method, to window.btoa( ), File inputs, FileReaders, and even the HTML5 Canvas.
Side Note: Did you know that you can also use a base-64 String as a background in your CSS?
Code GIST: gist.github.com/prof3ssorSt3v...

[@pratyashabanerjee8452]

there are very few channels in youtube that gives such authentic education related to web development. Thank you so much Steve sir for making us actually learn, I owe this to you.

[@paulosimoes1891]

Awesome video! Thanks Steve.

[@tymothylim6550]

Thank you very much for this video! It is very helpful for me in understanding the basics behind base-64 as well as how to use it! :)

[@paulgz101]

First class tutorial. Thanks very much for such detailed explanaitions.

[@shehanmaduwantha4795]

Very helpful :) Thank You

[@HarshKapadia]

This is awesome! Thank you!

[@khoavo5758]

Thank you for the nice video! This is exactly what I'm looking for. I'm trying to put canvas content in json, I guess base64 is the way to go.

[@SteveGriffith-Prof3ssorSt3v3]

Yes. Any binary data that you want to transport inside XML or JSON - base64 is the way to do it. Don't forget to do the urlEncoding too though. kzbin.info/www/bejne/qp7KfoqNg7eHppI

[@sabuein]

Thank you.

[@vipinsharma-zx9cb]

awesome

[@vipinsharma-zx9cb]

Hi Steve, if a file is selected by using HTML file element on my browser and we pass it's blob Url to a "Upload microservice" as a part of formdata or as a querystring . Can we say that we have pushed/uploaded the actual file on server? converting an image to blob Url is same as converting an image to base64?

[@SteveGriffith-Prof3ssorSt3v3]

Either as a blob or as a base-64 string you are uploading a copy of the file. A blob URL is still pointing to binary data. The URL is a string which points to a memory location but the file is still binary. If you convert an image to base-64 it will be much larger. It becomes an actual string. It will be 6-10 times bigger than the binary file and most likely will not fit in a querystring.

[@vipinsharma-zx9cb]

@@SteveGriffith-Prof3ssorSt3v3 As you mentioned that blob url is still pointing to binary data! But i see many examples in projects..that while uploading a file to server only blob url is send as a param to "upload microservice", also while retrieving the same file.. Service returns only blob URL. I can't see binary data.

[@SteveGriffith-Prof3ssorSt3v3]

@@vipinsharma-zx9cb the binary data is in memory. You won't see it.