What are Data URLs? - Data URLs Explained with JavaScript Examples

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

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

50% 1

In today's video I'll be giving you an overview on Data URLs and how they can be used to improve your websites or applications. Towards the end, we'll take a look at a couple of code examples to see how they can be used practically.
Link to Video Tutorial on Image Preview:
• Previewing Image Befor...
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!
#dcode #html #javascript

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

17 янв 2021

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

Anyone who's name is DOM, was born to do this job.

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

Cheers mate

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

🤣🤣🤣🤣🤣facts

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

Loving the new camera setup, very sharp look 👀

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

Thank you for this useful video

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

What would you suggest for larger files. What was the binary counter part you mentioned?

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

Good explanation. Do you think an 8mb photo is too large for Data Url? (for uploading). If it is too large, how should I use the 'binary counterpart' you mentioned?

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

Hmm I think 8MB might be alright.. give it a try 🙂

@Sinn3246 Год назад

Documentation for converting the data links back into images... I have seen drawing the image onto a canvas then converting the canvas to a data link. Would it be assumed that I would convert the data link back into a canvas then save that as an image file?

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

Can you do a video on how to change the p tag into a text area tag? Like how some websites allow you to edit what seems to be a p tag, but when the edit button is clicked the p tag changes into a text area tag populated with the p tag inner text. I think it may have something to do with the shadow dom.

@riteshgsh Год назад

You can do it by setting this attribute to a p tag - contenteditable="true"

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

Awesome, the first code snippet means I can work with 2 images for the same form and means that the array is going to have 2 slots? Like say an avatar and banner would be 0, 1? I've also watched your other video (ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VElnT8EoEEM.html) but that part wasn't clear. Thanks!

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

Sir how to preview multiple images

@thy_lyson0573 Год назад

you will actually need about 380KB (380,000 bytes) I guess cuz that's the limit

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

Hi winner

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

I hate your accent, but your content is awesome :)

@srm3378 9 месяцев назад

As a woman, I can say his accent is very sexy and the main reason I listen... Listening to his voice just feels like... wow. He's the only one that can get me to listen and teach me 😍

@AlishSafarli 9 месяцев назад

@@srm3378 lol so what`s got to do with my comment?

@srm3378 9 месяцев назад

It's a reply to your comment, obviously.

@AlishSafarli 9 месяцев назад

@@srm3378 well, I know, but my comment was for the author of the video

@srm3378 9 месяцев назад

@@AlishSafarli Yes, that's how *all* comments and replies work. If you're confused about that, I don't think I can help you very much. But have a great day and good luck.