15

I want to save multiple image files from the Network tab in Firefox Web Console

Firefox Web Console

I can right-click on a single file and select Save Image As, but multiple selection does not work.

Files downloaded via XHR

Note that the images are downloaded through user interaction and AJAX / XHR calls. So there is no way to use View Page Info -> ** Media** to save the images. Nor do extensions such as Download all images work.

3 Answers 3

11

Fuck OpenAI, Stackoverflow and AI in general. Stop being mechanical turks who train corporate AI for free.

3
  • 1
    This is correct answer. Thanks
    – IvanP
    Jul 27, 2022 at 15:45
  • 1
    Similar tool by JC3: harextract
    – Tomasito
    Feb 22, 2023 at 20:47
  • If he will use Chrome he can install save-all-resources from webstore Dec 21, 2023 at 19:24
5
+25

Rather than saving from the Network tab, it would be easier done from Page Info:

  • Right-click the web-page and select "View Page Info"

  • Click on the Media tab which will show all media content (images, videos etc) for the page

  • Select all the items using the Shift or Ctrl keys to select multiple items

  • Click the Save As button.

enter image description here

Alternatively, you may also use a specialized add-on such as Download all Images.


In case that you have images that are retrieved by JavaScript and are not referred-to on the page, a method that does use the Network tab in Firefox is as follows:

  • Right-click any image and select "Save All As HAR"
  • Select a folder (and perhaps file-name). The .har file is a JSON text file.
  • Edit the file so as to :
    • delete all lines not containing "url" (or extract these lines)
    • delete the extra text at the beginning of the lines : "url": "
    • delete the extra text at the end of the lines : ",
  • The result is a text file containing the URLs of all the images
  • Use a download utility that can download a list of files

Writing a script to edit the .har file and then to download the images should not be difficult.

8
  • Thanks for the suggestions, though View Page Info > Media tab shows only the images detected in the web page. It does not show images that are loaded via JavaScript when browsing the page. For example, go to this page scufgaming.com/int/scuf-infinity4ps-pro-white and change the colour of the product. New images will load but they don't show in the Media tab. They also don't show with the "Download all images" add-on. Jul 19, 2019 at 10:53
  • I have added a part for this as well. If you need help finding the required text utilities, let me know first your operating system and which tools you lack.
    – harrymc
    Jul 19, 2019 at 11:27
  • Editing the HAR works but its time consuming. For fewer than ~20 images, it'd be faster to right-click and "Save Image As". I'm looking for a simpler solution that needs minimal effort and just a few clicks. I'm using Linux but the solution should be browser based and OS independent, so everyone can use it. Jul 19, 2019 at 23:45
  • Writing a script to edit the HAR and download the images should not be difficult, and then it will not take much time on your side. What is your operating system?
    – harrymc
    Jul 20, 2019 at 6:36
  • OS is Linux, though I'm looking for a simple solution that anyone can use, without scripts. Jul 23, 2019 at 12:08
-1
  • [✓] I am a windows 10 user.
  • [✓] I don't know python or cmd code.

If so, follow this;

https://github.com/choozn/har-extractor

  • runs on windows.
  • no coding skill is needed.

instructions

  1. install setup.exe at releases page.
  2. open website in firefox
  3. ctrl+shift+i > goto network tab > at right (Cog img) "copy all as HAR."
  4. run HAR_Extractor shortcut at desktop.
  5. youll see a dialog. choose a folder to extract.

Note: jc3 extractor didnt work for me. for firefox HAR output.

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .