How reload src element

Question

How to force browser reload single element of the page ('src' in my case, or 'div', no matter)? Using this code:

$("div#imgAppendHere").html("<img id=\"img\" src=\"/photos/" + recipe.id + ".png\" height=\"60px\"/>");

It changes page source, but not reload changed element. How to do it? Thanks in advance.

So what is the problem exactly? The code should add an image to the element when that code is executed. Is the image supposed to be changing on the server and it is not picking up the new image? — epascarello
– epascarello, Commented Sep 8, 2016 at 0:13
If you mean make it reload a resource at the same url that has changed, ie a new image was generated, just add a unique query parameter at the end of the src url, like recipe.jpg?_=148858838 — Patrick Evans
– Patrick Evans, Commented Sep 8, 2016 at 0:16
It does, source of page changes, but view of page stays as was, not reload changed element — zzheads
– zzheads, Commented Sep 8, 2016 at 0:17
Still have no clue what you mean "the source of page changes". Maybe you should show more code. A smaller example that shows the problem. — epascarello
– epascarello, Commented Sep 8, 2016 at 0:39
html page changes after script executed, but image on the page stays same as was before executing script — zzheads
– zzheads, Commented Sep 8, 2016 at 0:41

zzheads · Accepted Answer · 2016-09-08 05:34:43Z

1

Patrick Evans, you right, that hack is works. So my code is:

var someRandQuery = "?" + (Math.random()*100000);
$("#imgAppendHere").html("<img id=\"img\" src=\"/photos/" + recipeId + ".png" + someRandQuery + "\" height=\"60px\"/>");

answered Sep 8, 2016 at 5:34

zzheads

1,5225 gold badges34 silver badges60 bronze badges

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

Collectives™ on Stack Overflow

How reload src element

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related