1

I'm trying to open/download an PNG blob image of a website. I used network to find the image but it only display it as plain text.

Network Console Preview

I'm confused why the small preview image in the list shows the image. How can I download the image or get any kind of working preview?

Lars Flieger
  • 1,542
  • 7
  • 24
  • Sounds like a devtools bug. Not sure how this is related to development of chrome extensions. If you want to intercept a blob created by the site you'll probably have to use a [page script](https://stackoverflow.com/a/9517879) and some deep hooking into the methods used by the site because blob URLs are usually revoked immediately after being loaded. – wOxxOm Feb 29 '20 at 12:51

1 Answers1

2

Ok first open the webpage where the blob image is and Click inspect, then go to Network after that refresh the page while Inspect > Network is open

Then locate the blob image in Network

enter image description here

After that click to preview the image

Then Rightclick on the Preview image and download the blob image

enter image description here

Then Locate the downloaded blob file and rename it or add the proper Extension for the image (.png, .jpg, etc...)

enter image description here

enter image description here

enter image description here

And that's it you have successfully downloaded the blob image

Alohe
  • 78
  • 10
  • 1
    As far as I can see, that's what the thread owner did. Or am I missing something? – shaedrich May 21 '21 at 09:26
  • 1
    They didn't refresh the page after opening Inspect > Network hence the image they wanted wasn't loaded I think, I also pointed out that they can rename the downloaded blob file to the images Extention (.jpg, .png, etc...) and they can get a working Image file – Alohe May 22 '21 at 08:54