5

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
+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.

  • 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. – Dan Roberts Jul 19 '19 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 '19 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. – Dan Roberts Jul 19 '19 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 '19 at 6:36
  • OS is Linux, though I'm looking for a simple solution that anyone can use, without scripts. – Dan Roberts Jul 23 '19 at 12:08

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.