Get Instagram images using #HASH TAG in javascript.

Hi,

Do you want to Get/Display the Instagram image uploaded by you or your group  in your Website/Application using javascript.

[Ignore this step if you have created application in Instagram]
Step 1 : Create application in Instagram to communicate from your website.
http://narendrajarad.blogspot.in/2014/07/create-application-in-instagram.html

[No need to add the reference of Instasharp to your project.]

Use this below code to get

Head
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>

$(document).ready(function () {
            $.ajax({
                type: "GET",
                dataType: "jsonp",
                async: "false",
                cache: false,
                url: "https://api.instagram.com/v1/tags/YOUR HASH TAG WITH OUT #/media/recent/?client_id=YOUR CLIENT ID&count=1000",
                success: function (data) {
                    //debugger;
                    for (var i = 0; i < data.data.length; i++) {
                        result[i] = data.data[i].images.low_resolution.url; //Image URL
                        url = data.pagination.next_url; //NEXT PAGINATION URL
                    }
                }
            });
        });
NOTE : YOUR HASH TAG
 You or your group need to add caption while uploding image to Instagram https://help.instagram.com/351460621611097
Ex : On the screen you see after choosing a filter, type your #hashtag in the Caption field (example: #flower).

Comments