Base64 Encoding in JavaScript - Explained (with usage examples)

Подписаться 135 тыс.

Просмотров 68 тыс.

50% 1

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.mozi...
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!

Опубликовано:

1 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 38

@developeraccount438 4 года назад

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

@amoljore7 4 года назад

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

@jeevanstha57 3 года назад

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

@robogenus 5 лет назад

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

@kuldeep7063 Год назад

Thanks Brother

@cristianfigueredo566 Год назад

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

@Kunal-jp8tn 3 года назад

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?

@mr.rendero1240 3 года назад

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 3 года назад

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 3 года назад

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

@cristophercanoles3827 4 года назад

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

@RA-fj4qk 3 года назад

Nice video. What color theme are you using?

@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.

@rahmankhanrajak6745 4 года назад

help me to Image to base 64 in java script

@maheshmahi5455 3 года назад

I like the way u explained and i subbed

@ruixue6955 2 года назад

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

@MW-fm1qq 3 года назад

Thanks for your efforts!

@dcode-software 3 года назад

My pleasure!

@aghahasaan 3 года назад

Thanks a lot man!!!!

@dcode-software 3 года назад

Glad it helped!

@chamansos7895 4 года назад

hi, where can do download code soruce?

@فريقالأبطال-ت2ك 3 года назад

Great

@bikramchettri9405 5 лет назад

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

@vinubox 4 года назад

Cool :)

@kurt9754 5 лет назад

so.

@alexbykov7443 5 лет назад

so....

@kurt9754 5 лет назад

so, well explained anyways.

@freelancefabian3946 3 года назад

Well done, concise and to the point .

@veeragali97 4 года назад

But it not working in firefox browser man

@biswamohandwari6460 3 года назад

Update it bro

@TheSclare 5 лет назад

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

@dcode-software 5 лет назад

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 5 лет назад

TheSclare

@techwithshudarsan559 3 года назад

Thanks.

@dcode-software 3 года назад

You're welcome

@zhenghaohe4727 3 года назад

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.