how to delete a json array itself?

Question

I am trying to preview images when button is clicked. Problem occuring is that when i click the first image it displays and then when i click the second image,both the images together are displayed.How can i display just one image at a time? Here is my jquery code,

function Preview(id)
{
 $("#Preview_modal").modal("show");
    $.post("readUserDetails.php", {
        id: id              
    },
     function (data, status) {  
     var user1 = JSON.parse(data);      
     $("#element").append($("<img />").attr('src', 'data:image/png;charset=utf8;base64,' + user1.image));
    });
}

Jerodev · Accepted Answer · 2017-02-17 08:02:19Z

3

Don't use append, append will add another element to the container. Use html instead, this will replace the existing content by the new one.

$("#element").html(
    $("<img />").attr('src', 'data:image/png;charset=utf8;base64,' + user1.image)
);

answered Feb 17, 2017 at 8:02

Jerodev

33.3k11 gold badges96 silver badges113 bronze badges

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

1 Comment

Jerodev Over a year ago

Glad I could help. If this solved your problem, please select this as the answer to your question. :)

zed · Accepted Answer · 2017-02-17 08:01:56Z

0

You are always appending to the element:

Try to empty it first:

$("#element").empty().append($("<img />").attr('src', 'data:image/png;charset=utf8;base64,' + user1.image));

answered Feb 17, 2017 at 8:01

zed

3,2973 gold badges29 silver badges40 bronze badges

Collectives™ on Stack Overflow

how to delete a json array itself?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related