Image Downloader Continued (IDC)
This is a fork of Image Downloader by Vlad Sabev (vdsabev). Original extension isn't updated and this projects aims to fill the gap. The goal is to fix bugs, support more websites (as many as possible), add new features and enhancements. Suggestions are welcome - please file an issue on github! IDC is not for sale, and will always be free, open-source, and without ads or tracking algorithms of any kind! You can find the source code here: https://github.com/kisdma/image-downloader-cnt
Description
If you need to bulk download images from a web page, with this extension you can:
- See images that the page contains and links to
- Filter them by width, height, and URL; supports wildcard and regex
- Select images to download by clicking on the image
- Use dedicated buttons to download or open individual images in new tabs
- Customize image display width, columns, border size, and colour
- Hide filters, buttons and notifications you don't need
When you press the "Download" button, all selected images are saved to the default download directory of Chrome, or to a directory inside it if you specify a subfolder name.
WARNING: If you haven't set up a default download directory, you will have to manually choose the save location for each image, which might open a lot of popup windows. It is not recommended to attempt to download too many images at once without a default download directory.
Change Log
2.8:
Improved image discovery and collection, many bugfixes
- Added injection script to prevent pages from closing shadowDOM (that made images inside undiscoverable). Note: websites use this to circumvent adblockers
- Added image discovery in shadowDOM
- Added css style insertion to prevent adblocking of images added by IDC (affects only elements with class 'idc-image')
- Added a listener to track DOM changes and discover intermittent images like webp (moving gif-like images) from youtube, or continuously added/deleted images like in instagram scrolling
- Added saving the list of discovered images into serialized array in hidden tag on the page (disappears when page is updated)
- Fixed bug in number of submitted downloads (was +1)
- Improved regexp for better image discovery in 'style' tags (was missing some data:image urls)
- Cleaned and moved to a function the code that checks and translates (if needed) relative urls to absolute. Used this function for tags where this check was missing
- Improved an observer to make it discover more images from temporal elements like popups (extended the attribute filter list)
- Improved image discovery in 'svg' tag - if it contains image tag(s), then returns images from them, instead of building base64 svg
- Removed encodeURI() from the code that populates and accesses the image cache. Not sure what was the purpose of it since incoming links are extracted from tags where they're supposed to be already encoded. This was breaking links that were already encoded and had special characters escaped (discovered this on wikipedia - links with parenthesis)
- Fixed a bug in parsing 'source' tag - added support of list with different resolutions in 'srcset' (1x, 2x, etc.)
- Fixed a bug: duplicate youtube images addition in popup.js
- Fixed a bug: incorrect urls were constructed when base url were ending with backslash
- Fixed a bug in parsing img tag
- Fixed a bug in relativeUrlToAbsolute - was returning "undefined" if empty input
- Added discovery of links with "resize" command for a server in the query part of url - addition of links without the command provides images with higher resolution
2.7:
Improved image discovery, bug fixes in code and design
- Added parsing of the attribute 'srcset' and 'lowsrc' in 'img' tags
- Added parsing of the attribute 'srcset' in 'source' tags (inside of html5 'picture' tag)
- Added canvas to image conversion - powerful technique to extract highly protected images (not even showing in Resources tab of Dev Tools). Note: at this time added images will pile up each time the extension button is clicked. They can be removed by updating the page.
- Added check for long image urls (most probably data:image) and placement of them on top of the page instead of sending to the popup (to be coherent with canvas-to-image conversion which can produce large strings of data:image/jpeg)
- Added selection of text info-shortcuts' colour (combined in one option with image selection colour) on options page. Icons are colourized accordingly too
- Commented out an obsolete code to open Options page after install and check for versions before 2.1 (in defaults.js)
- Commented out the minimum width option since it's currently broken (not sure if it's useful) (in options.html)
- Made max-height to follow max-width option (to work better if small image preview is selected)
- Replaced zepto.js with original unobfuscated source code
- Fixed flashing animation for download message (apparently it was broken since the switch from jquery to zepto)
2.6:
Major redesign and improved image discovery
- Modernized the popup look, images are placed on tiles with more image info, added tile color selection to options
- Fixed several bugs, improved image discovery for many cases, including deep css parsing instead of broken styleSheets api
- Added shortcuts to Reverse Image Search sites (Google, Bing, Yandex, TinEye) for each image
2.5:
- Added display of image size and image file name (can be turned off in settings)
- Added ordering images by size - two new options: 1) to order by width only (default) or by width+height, 2) largest-to-smallest (default) or reverse
- Added scaling images vertically if they taller than 200px
- SVG format wasn't being read from 'svg' tag - fixed
- Added reading image from 'poster' of 'video' tag
- Fixed background images being non-recognized. Reading styleSheets doesn't seem to work (to read from cssRules). Workaround implemented: fetching CSS files with links obtained from 'link' tags. Note: some sites use different second-level domain to store CSS, in this case fetch won't work if extension doesn't have permission for 'all_urls' (or particular domain). This just results in some images not showing up. Remove permission in Chrome Extensions if this is a concern.
- Added maximum-resolution images discovery on Google Maps and Street View Photos (discovered undocumented api)
- Added high-resolution previews for youtube thumbnails (including video of the current page)
- Corrected regexp for 'a' tag's link parsing to prevent non-image links discovery
2.4.2:
- Workaround for Chrome disallowing access to cross-domain CSS rules
2.4.1:
2.4:
- Added an option for renaming files before downloading
2.3:
- Added support for BMP, SVG, and WebP images
- Added support for relative URLs
- Improved popup loading speed by searching through less elements
- Replaced deprecated
chrome.extension calls with chrome.runtime
2.2:
- Removed the unnecessary permission to access tabs
- Removed the donation prompt due to complains from some users that it doesn't disappear after the first time as it should; now, the options page will be opened on first install instead
- Save the value of the URL filter
- Another attempt to fix some sizing issues
2.1:
- Added image width / height filters
- Added a one-time reset of all settings due to some people having sizing issues
- Removed the sort by URL option
2.0:
- Added the ability to save the files to a subfolder
- Utilized the Google Chrome downloads API
- Implemented a cleaner, grid-based design
- Clicking on an image URL textbox will now automatically select the text so users can copy it
- Fixed a few minor display issues
- Added settings for number of columns, removed border style setting
- Added donation buttons on the options page
1.3:
- Images used in a style tag will now also be included at the end of the list. Only images from inline style attributes of elements used to be included.
- Added support for data URI
- Several bug fixes and optimizations
1.2:
- Changed the URL above the image to be displayed in a read-only textbox
- Moved the image checkboxes to the top and added open & download buttons below each
- Initially disabled the "Download" button and "All" checkbox
- Introduced a few new options to hide filters, buttons and notification
- Removed the body width option; the width of the popup now resizes relatively to the maximum image width option
- Streamlined the design
1.1:
- Fixed saving of minimum and maximum image width
- Added the URL above the image itself and an option to toggle it
- Added wildcard filter mode (alongside normal and regex)
- The state of the selected filters will now be saved
- Moved the "Sort by URL" option back to the filters
- Added a "Clear Data" button to options page. While the extension does not use a lot of local storage yet, someone might appreciate the option.
- Refactored a lot of code, especially the use of local storage
1.0.13:
- Added a notification to let the user know that download has started
- Added some animations and polished the options notifications a bit more
- Fixed some event handlers that were being attached multiple times
1.0.12:
- Migrated to jQuery
- Implemented indeterminate state for "All" checkbox
- The "Download" button will now be disabled if no images are checked
- Fixed a bug with reseting options - now the user can choose to save the reset values or simply cancel the reset by reloading the page - just like it says in the notification
1.0.11:
- Changed the download mechanism to support Chrome v21+
- Added an "Only show linked images" filter option that can be useful when you only want to download images that are in a URL on the page.
1.0.10:
- Added a download confirmation
1.0.9:
- The number of images will now be displayed next to the "All" checkbox
1.0.8:
- Added detection of image URLs in anchor tags; note that this feature will not detect URLs that don't have .jpg, .jpeg, .gif or .png file extensions - it relies on a regular expression as to avoid possibly sending hundreds of requests to external servers
1.0.7:
- Removed the desktop notification system that popped up when you press "Download" in favor of a text description that should feel easier to control (through Options) and less intrusive; this should also require less permissions for the extension
- Added an option to hide the download notification; most people should understand the download process after only reading it once
- Made some minor UI tweaks
1.0.6:
- Fixed an issue with multiple unnecessary empty images
1.0.5:
- Elements that display an image using the "background-image" CSS property will now also be extracted
1.0.4:
- Added a notification that alerts the user when the download process has begun and explains where to look for the files
Credits
Based on the Google Chrome Extension sample "Download Selected Links": https://developer.chrome.com/extensions/examples/api/downloads/download_links.zip
Uses the tiny, but awesome JSS library: https://github.com/Box9/jss
And Zepto.js: http://zeptojs.com
Images:
download.svg licensed by CC BY 3.0 from oNline Web Fonts http://www.onlinewebfonts.com/icon
open.svg licensed by CC BY 3.0 from oNline Web Fonts http://www.onlinewebfonts.com/icon
License
Copyright (c) 2019 Dmitry Kislitsyn, Vladimir Sabev
Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation
files (the "Software"), to deal in the Software without
restriction, including without limitation the rights to use,
copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following
conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
OTHER DEALINGS IN THE SOFTWARE.
