Giter Club home page Giter Club logo

instagramdownloader's Introduction

Looking for a new maintainer or buyer

Hi, I am looking for a new maintainer, because I do not use IG and I do not find any pleasure in developing this extension any more. If you want to maintain this extension please contact me.

InstagramDownloader

Firefox and Chrome Extension which creates an download button for instagram images and videos on the right of the bookmark icon.

Install on Firefox and on Chrome.

General Download

DownloadButton

A Download Button appearers while you hover over the image you want to download.

Hover and Download

Profile Picture

The same happens if you hover over the profile picture.

Hover and Download

Bulk Download

Now it is possible to download all images and videos of one profile at once. The Button apperes right next to the follow button. The feature includes scrolling down until all images are loaded, so it may take a while. It is also possible that instagram will ban you temporarily (just a few minutes) if you try to download like 1000 pictures.
If you click on the download all button the page will begin scrolling down to load the new pictures until every picture of the profile got loaded once. After that a ZIP file with all the images in it will be created.
This may take a while depending on your internet connection and the amount of pictures you plan to download.

Download all

Story Download

From version 1.5+ it is possible to download Instagram Stories. The extension supports both image and video downloads.

Download Story

Development

Getting started

The main class is (obviously) the index.ts. Here the different downloaders subscribe to the URLChangeEmitter which in turn notifies the different downloaders when they should be added to the page.
The collection of the image links is handled in the downloaders. The retrieved image links get send to the background script where the download happens.

Building

The build script depends on linux, especially on the zip util which should be included in most linux distros. Building in Windows is only partially supported.
To Execute the build script run npm install and after the installation is complete execute webpack. There are different flags which change the build.

  • --watch starts the build in watch mode and rebuilds the project if files get changed
  • --mode=production generates a production build without source maps and logging. In addition to these changes a zip files for the different browsers will get generated and linted.
  • --mode=development generates a development build with source maps and logging. No zip files get generated and no linting script gets executed.

The two flags can be combined if needed webpack --mode=production --watch.

Credits

instagramdownloader's People

Contributors

alantheblank avatar andrewsuzuki avatar azureit avatar bhairabc avatar dependabot[bot] avatar huiibuh avatar kmbarr avatar kwizatz avatar rayronvictor avatar tomk32 avatar uaquetzalcoatl avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

instagramdownloader's Issues

Naming suggestions for files

Just a suggestion:

When I start a download of a single image or video, a file dialog pops up for naming it. If it's a video, "video.mp4" is prefilled as a name, and if it's an image, it's "image.jpg". I think this isn't the most practical solution, because it means I almost always have to rename the file in the dialog before saving it. I'd prefer the solution where the name is prefilled with instagram's picture GUID name, because a) it allows me to download quickly and rename later, and b) i get a warning if I already downloaded the same file, so as long as I have not renamed them I won't get duplicate files.

Download All not working on latest firefox

It often gets stuck on "please wait until download continues..."
My internet is fine and I even left it to download while streaming some shows.
Sometimes it takes a few seconds, sometimes a few minutes, most of the time it doesn't work at all.
Also, if the download completes there's always some pictures missing.

Firefox version 78.0.2 (64-bit)
Other add-ons I have currently installed:
ublock origin
duckduckgo
privacy badger
reddit enhancement
facebook container

Download button doesn't work in opened picture

The download button doesn't work when looking at an individual picture page or when opened from the gallery of an account. The download button that appears in the gallery thumbnails works and also the "download all" button at the top of the gallery. It is only the button to the right of the opened picture the one that doesn't work.
I can still use the button in the thumbnail to download the desired image, but when there are several images in a post, it only downloads the first image, so it is a partial workaround.

Captura de pantalla 2019-11-27 17 43 55
Captura de pantalla 2019-11-27 17 43 43

download button not present in publication pages

This is not exactly a bug but something that could be improved.

You have added a download button to the thumbnails of a gallery, also to the window that pops up when you click on a thumbnail, but this button does not appear when you are seeing the picture (or video, or album) in its own publication page, like this: https://www.instagram.com/p/B5I4sPegcdB/

Sometimes you receive links to a publication like this in Whatsapp, Telegram, etc. and the only way to use your add on in this case is to open the link, then go to the author's gallery, locate the picture in the thumbnails and then download it (or click on the picture if there are more than one picture in the same entry to use the button under the comments to be able to download the second and further pictures).

I think it wouldn't be too difficult to add the button to the publication pages since most of the code needed is the same as the current button under the comments.

Story download does not work

Just downloaded the extension. I like the placement of download buttons, very handy.

A thing that does not work for me are story downloads. I can see the download icon, but when I click on it, nothing happens. Windows / Firefox 67.

can't download all the photos of an instagram account

Hey, I really enjoy you extension I've installed on firefox on Mac
but i'm having problems when I try to download all the pictures of a profile

I just click the " download all " button and did not start to downloading

I hope your answer, thanks in advance

Download image preview for video Story (for exemple image with music)

Hello,

For story with music, Instagram create a mini video.mp4 with the still image.
I prefer to download the still image from the preview with is sometime better quality and less size than the .mp4
With Firefox I do that with +I > Media to find the Video and the still image

It can be cool to make this download available with an other button.
And/or with a setting in the plug-in option : "Download Video : only MP4 / only JPG / MP4 + JPG"

Thanks for your great work on this plug-in
Best Regards,
David
France

I'm hesitant to click "download all"

If I click this button on an Instagram account, will the add-on immediately download hundreds of images into the root of my download folder, or will it create a subfolder first?

Multible Pictures

At the moment there is no Option to download posts with multible images.
Add a else if (GraphSidecar) to the createLink method

Filename on multiposts

When there is a multi-post (eg., multiple photos posted as a group with the white multi-post icon in the upper right corner), the downloaded file for the first item posted is named correctly (the numeric portion of the filename is unique) but the second and third photos download a second and third copy of the first photo (with the same filename). I did see one instance where there were 5 photos posted, I downloaded the first and second items (they downloaded with the same name) then the 4th one which had a different name. I also had one with 4 photos. The first 3 downloaded with the same name and the 4th was a different filename.

The behavior is not consistent as I also saw a post with 7 items, the first two duplicated but the remaining items had unique names. Not sure exactly what is going on. If I use Firefox Inspector, the links display each photo with a unique name.

Instagram Downloader 2.2.6 for Firefox Android no Longer Downloads as of 2/18/2020

As of February 18, 2020, Instagram Downloader 2.2.6 for Firefox no longer downloads any media from Instagram. There are multiple reports of this from the add-on's review page. The download button does appear, but is non-functional. In my case, this is on Firefox Android 68.5.0, running on a stock, unrooted Moto G7 running Android 9 Pie patched through the December 2019 patch (current for a stock Moto G7). I did try uninstalling and reinstalling the add-on, but nothing changed.

Full profile name in file names

It would be really helpful if the generated filename for downloads included the full profile name (including special characters) before the GUID. eg: _cs_utah instead of csutah.

story dowload arrow

Clicking on stories there's no arrow to download them, probably instagram changed again things

Download button disappears on homepage

Hello, i'm on firefox 74.0 Windows 10 64 bit (10.0.18362) and when i open instagram.com i see the download button only on the first post, i restarted firefox refreshed the page but nothing changes. My version of the extension is 2.3.2 maybe something with the update? Also download button works flawlessy in specific page (multiple posts and single one) Thank you in advance
Screenshot_2020-03-21 Instagram

Invalid Url

After downloading all images from a page, it opened a new tab starting with blob:moz-extension://0298ced2-b18e-3f48-... but It shows invalid url and nothing downloads

Things done for Version 2.0

Things that have to be done

Files:

  • main.js
  • button.js
  • download.js
  • downloadHomePage.js
  • downloadStory.js
  • hoverable.js
  • profilePicture.js
  • downloadAll.js

Topics:

  • Fix story download Bug
  • Public and private methods (no satisfying way to do this in JS)
  • Chrome support
  • XHTTP in background (not necessary as the extension only start a XHTTP request in download all)
  • Constant variables for CSS Classes

General Code Cleanup

  • Remove unnecessary xhttp requests
  • Make certain variables constant
  • Public and private methods
  • Make the main.js clearer

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.