Get image src from external url using jQuery

Question

I'm looking to find image src from external url

This is my function:

<script>
function sompret_image_creator(url, ptitle)
{
    $.ajax(
        { 
        url: url, 
        success: function(data) {
            var img = $.parseHTML( data ).find("img"), 
                len = img.length; 
            if( len > 0 ){
                var src = img.first().attr("src"); // get id of first image
            } else {
                console.log("Image not found");
            }
            console.log(src);

            image_tag='<img src="'+src+'" alt="'+ptitle+'"/>';
            return image_tag;
        } 
    });
}
</script>

I have this error

Uncaught TypeError: Object [object Array] has no method 'find'

What data do you get back? Can you not just do $(data).find("img");? — putvande
– putvande, Commented Jan 15, 2014 at 13:34
by any chance is it wrapped in d, like data.d instead of data ? — Abhitalks
– Abhitalks, Commented Jan 15, 2014 at 13:35
Yes, I would also suggest to do $(data).find("img") instead of $.parseHTML( data ).find("img"). Probably that work... — Ashish Kumar
– Ashish Kumar, Commented Jan 15, 2014 at 13:38

justtal · Accepted Answer · 2014-01-15 13:42:29Z

1

Because the data is only html, you need to wrap the $.parseHTML( data ) with $() and then do .find()

<script>
function sompret_image_creator(url, ptitle)
{
    $.ajax(
        { 
        url: url, 
        success: function(data) {
            var html = $.parseHTML( data ), 
                img = $(html).find("img"),
                len = img.length; 
            if( len > 0 ){
                var src = img.first().attr("src"); // get id of first image
            } else {
                console.log("Image not found");
            }
            console.log(src);

            image_tag='<img src="'+src+'" alt="'+ptitle+'"/>';
            return image_tag;
        } 
    });
}
</script>

edited Jan 15, 2014 at 13:42

answered Jan 15, 2014 at 13:36

justtal

8001 gold badge7 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

22 Comments

Olivier Zoletti Over a year ago

thank you very much, but now i need to get the first src of .post class how can i make this ?

justtal Over a year ago

$(html).find('img.post').first().attr('src');

Olivier Zoletti Over a year ago

.post it's not the class of my images but of my div. <div class="post"> <img src.... /> </div>

justtal Over a year ago

$(html).find('.post').find('img').first().attr('src');

justtal Over a year ago

I think you need this: $(html).find('.post').find('img:first');

|

Collectives™ on Stack Overflow

Get image src from external url using jQuery

1 Answer 1

22 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

22 Comments

Your Answer

Sign up or log in

Post as a guest

Related