Jquery get image

Question

I am using a form to submit details to a page which create an image, the form is submitted using Jquery so that the user does not have to leave the page. The send() function calls on the refresh() function to update the div where the image is placed into...

I am having an issue with one of the lines of code of my code and I don't know what to put to get it to work:

    function refresh()
{
    $(function () {
        var img = new Image();
        $(img).load(function () {
            //$(this).css('display', 'none'); // .hide() doesn't work in Safari when the element isn't on the DOM already
            $(this).hide();
            $('#loader').removeClass('loading').append(this);
            $(this).fadeIn();
        }).error(function () {
            // notify the user that the image could not be loaded
// The next line causes the error
       }).attr('src', "signatures/" +$("#username") "png");
    }); 

}

Any help would be appreciated.

beardhatcode · Accepted Answer · 2011-07-15 18:04:03Z

1

you horgot the dot before the extention:

.attr('src', "signatures/" +$("#username") "png");

should be:

.attr('src', "signatures/" +$("#username") ".png");

if $("#username") is a value. you might need a .html() / .text or .val() ,...

answered Jul 15, 2011 at 18:04

beardhatcode

4,7731 gold badge18 silver badges30 bronze badges

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

1 Comment

Andrew Over a year ago

Sorry that was my own error there was a . in there. Still doesn't load.

Milimetric · Accepted Answer · 2011-07-15 18:05:16Z

0

looks like you need + $("#username").val() + ".png") instead of +$("#username") "png")

This assumes that username is an id of some sort of hidden input field. replace val() with something else accordingly.

answered Jul 15, 2011 at 18:05

Milimetric

13.5k4 gold badges49 silver badges57 bronze badges

1 Comment

Andrew Over a year ago

I knew I had missed out something, you are a life saver, thanks to everyone for their helpful contributions :)

Jasper · Accepted Answer · 2011-07-15 18:14:03Z

0

}).attr('src', "signatures/" +$("#username") "png");

You are passing a dom object, $("#username"). If the 'username' element is a textbox, you can use:

$("#username").val() + ".png"

And if it is a div or some other type of container you can use:

$("#username").text() + ".png"

answered Jul 15, 2011 at 18:14

Jasper

76.1k14 gold badges153 silver badges148 bronze badges

Comments

ShankarSangoli · Accepted Answer · 2011-07-15 18:15:00Z

0

Try this

 function refresh()
{
    $(function () {
        var img = $("<img />").appendTo(document.body);
        $(img).load(function () {
            //$(this).css('display', 'none'); // .hide() doesn't work in Safari when the element isn't on the DOM already
            $(this).hide();
            $('#loader').removeClass('loading').append(this);
            $(this).fadeIn();
        }).error(function () {
            // notify the user that the image could not be loaded
// The next line causes the error
       }).attr('src', "signatures/" +$("#username")+ ".png");
    }); 

}

edited Jul 15, 2011 at 18:15

answered Jul 15, 2011 at 18:05

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

Collectives™ on Stack Overflow

Jquery get image

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related