URL to File/Blob in JavaScript

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

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

50% 1

👉 Source code: openjavascript.info/2022/10/1...
‍🎓 NEW: Earn a professional certificate in web development from Meta Inc. (course links in card below) 👇
⚡ Looking for high-performance, afforable web hosting? We use HostWithLove: bit.ly/3V2RM9Q ❤️
This tutorial shows you how to fetch data from a URL of any type and turn this into a readable File/Blob in JavaScript.
#javascript #blob #file #filereader #webdevelopment #tutorial #javascript_tutorial
🔔 Subscribe for more tutorials just like this: / @openjavascript
⚡Web development professional certificates from Meta Inc.⚡
Front-End Developer Professional Certificate: imp.i384100.net/b3dMek
Back-End Developer Professional Certificate: imp.i384100.net/gbYorg
iOS Developer Professional Certificate: imp.i384100.net/Jr7qj2
Meta Android Developer Professional Certificate: imp.i384100.net/oeYnGo
Meta Database Engineer Professional Certificate: imp.i384100.net/BX7KGB
Website: openjavascript.info
Twitter: / openjavascript

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

23 окт 2022

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@OpenJavaScript Год назад

Thanks for watching! 👉 Blog post with source code: openjavascript.info/2022/10/18/image-url-to-blob-in-javascript/

@YondeCode 4 месяца назад

Thank you ! I had headaches reading the MDN docs by myself, you helped me very much, have a good day

@mattratliff2063 10 месяцев назад

Great video. So I noticed that the name that you provided for the image blob didn't appear in the browser tab when you opening the image. Is there a way to use the File object to customize the name of the browser tab to display the name of the file?

@syuo5051 2 месяца назад

Thank you! Very useful and simple explanation as expected.

@anton1492 Год назад

thank you very much. i finally understood BLOB!

@OpenJavaScript Год назад

Great, happy it helped!

@johnwayne8059 2 месяца назад

Pretty helpful video!👍👍👍 Thanks for the work! Maybe you could stretch it a bit with giving more examples like you did with files, just with manipulate DOM-elements, just as an idea!😅😇😁

@user-bj4uv8up9d Год назад

thanks buddy I was trying since past 3 days but your video help me to get output thanks again. love you bro

@OpenJavaScript Год назад

That's great, glad this helped!

@ayoadeleke9474 Год назад

very nice video. it was concise and informative. will definitely be coming back to your profile for my tutorials!

@OpenJavaScript Год назад

Thanks, see you again soon then!

@DevDivine Год назад

Thanks for this helpful video, many many many and infinite many thanks to you

@OpenJavaScript Год назад

Infinite thanks? I'll take that!

@syntheticperson Год назад

Very helpful. Thanks

@OpenJavaScript Год назад

You're welcome 😊

@volselongames4505 Год назад

thank you very much friend, good luck to you

@OpenJavaScript Год назад

Thanks, glad you enjoyed the tutorial!

@santiagofantoni2643 11 месяцев назад

How could I save the file/blob into the image folder of my App?

@andyidung7521 Год назад

Please do this with a video url that is most important, i believe most people want this on video url source too.

@piotrszczesniak Год назад

Super informative in easy to grasp manner! Thanks - liked and subscribed :)

@OpenJavaScript Год назад

Thank you for reaching out to let me know. Glad you liked the video and great to have you on board as a subscriber :)

@alanmurray4011 Год назад

Exactly what I was looking for, thank you 🙏 I’m building an app with an API and it seems the image url paths have a security token that expires within a few hours, because when I save the paths to localstorage and render them everything works fine for a few hours, but eventually the server responds with an error. Hoping this does the trick.

@OpenJavaScript Год назад

Yes, this should to the trick of getting the image data so you are not reliant upon the expiring URL. In case you are interested in then saving the image data in localstorage, you'll need to stringify it first. Here's a tutorial on that in case it's useful: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-XZ8CjU9eaVA.html Good luck!

@alanmurray4011 Год назад

@@OpenJavaScript I will definitely check it out, thank you. You've got yourself a new subscriber. 🙂 Keep up the great work.

@linuxstudy1 Год назад

you are amazing man

@OpenJavaScript Год назад

Thanks!

@victormanuelsandovalamaral 10 месяцев назад

If I want to receive a pdf by fetch, how would it be?

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

And how we can save mp3 files from internet to device. I mean I use filesystem plugin of ionic. And it allows me to save to the storage. Can you make a new video and then share it?

@sunlirick Год назад

thank you... 💝

@OpenJavaScript Год назад

You're welcome :)

@sabinmorris6479 Год назад

thank you sir for good presentation can you help to show how can move that file to other directory using that blob scenario please? help me

@OpenJavaScript Год назад

You cannot specify in the browser into which folder on a user's computer you want to store the download. You just don't have permission. What you can do, however, if you are running JavaScript in Node, is use the File System module to manipulate the file system. In case you are unfamilar, here's my tutorial on that: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-dtTnWxfH19U.html

@kavithakannan7215 11 месяцев назад

How to download blob image from facebook or instagram?

@dudeyouhavenoidea 6 месяцев назад

I love you 😭😭

@nicholasc.5944 Год назад

you sound a lot like that one breadtuber Tom Nicholas

@OpenJavaScript Год назад

I had not heard of this person, but listening to some of his videos, I do agree 😂

@g43s Год назад

I get file extension error, even tho my blob.type equals image/jpeg

@OpenJavaScript Год назад

Hard for me to diagnose without your script. But I have posted a live working example on my blog. Maybe you find this useful: openjavascript.info/2022/10/18/image-url-to-blob-in-javascript/