CreateObjectURL and RevokeObjectURL (Explained by Example)

💻 More Software engineering videos • Software Engineering b...
In this video we will learn how to use CreateObjectURL and RevokeObjectURL to cache resources locally after loading them with the fetch url and using them locally, then finally releasing them after we are done by calling revoke.
As usual we will use Javascript since this code runs in the browser and we will load an image over the air using fetch api then we will cache the image locally using CreateObjectURL then set this image as resource. Finally, we will revoke the resource.
Source Code: github.com/hnasr/javascript_p...
Stay Awesome!
Hussein

[@Fernando_SC]

I just discovered your channel and i already love it, your way of teaching is superb, despite i am not a native american speaker i understand every thing. thx!

[@bachnghianguyen9626]

You are my hero. This video saves my project.

[@AnatolyLeonov]

Nice explanation. Finally, understand what it is after watching this

[@joshuabharathi706]

Expiation with

[@willac4261]

Thank you! This was quite useful!

[@young-ceo]

This is useful, thanks a lot!!!!

[@programmerarnab9046]

You Rock my man,,, You litterally Burnt it, :v i need to learn a whole bunch. You inspire me

[@EhSUN37]

in eventlistener you could revoke the url first then blob another one to avoid memory leak. otherwise with each click the browser creates a new url which points to a new memory address even though the url variable changes to new one but the garbage collector wont delete it

[@jivanmainali1742]

Yeah that was great but what If I want to load image videos from server.Should I need to create blob out of url in client side or serverside and then send that to client

[@kartikeyaagrawal5917]

Here is a scenario. I want only the authorized user should be able to view the content(video). Can I pass the JWT token as a bearer header with fetch and get the link for the the authorized video. ...then following the same step above ??

[@RajKumar-gm4rg]

Awesome

[@a_vinix]

how can i do it, but with videos?? and not images?

[@alex-bc7si]

u could get all imgs by querySelectorAll

[@soniablanche5672]

almost all stackoverflow threads are old and wants you to use the FileReader api but this is much simpler

[@yekna459]

Any reason why revokeObjectURL doesn't do anything in Firefox? At least that's my situation

[@HoaiLe-ty1ui]

Do it with video tag please , how to RevokeObjectURL a video url ?

[@toma2502]

it doesn't work on mobile :/